JavaScript学习(一):快速入门
程序员文章站
2022-07-12 15:38:23
...
前言
还是因为实验室做项目,在学习了neo4j和简单的flask后,还需要javascrip的一些知识,因此再学习学习。学习主要参考廖雪峰老师的教程
JavaScript历史
网景公司希望在静态HTML网页上添加一些动态效果。于是Brendan Eich两周内设计出JavaScript…入口
快速入门
- (1) JavaScript可以嵌在网页任何地方,不过通常我们把代码放在head中,用包含。其将直接被浏览器执行
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
...
</body>
</html>
- (2) 也可以通过吧代码放到一个单独的*.js文件中,通过*导入
<html>
<head>
<script src="/static/js/abc.js"></script>
</head>
<body>
...
</body>
</html>
这样/static/js/abc.js将被浏览器执行
- (3)通过f12, 然后点击Console,可以在下方直编写javascript代码。
使用一下输出变量
console.log(变量)
基本语法和C++差不多
数据类型和变量
- JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型
- 由于JavaScript这个设计缺陷,不要使用==比较,始终坚持使用===比较。
- 创建数组
[1, 2, 3.14, 'Hello', null, true];
new Array(1, 2, 3); // 创建了数组[1, 2, 3]
- 对象,由键-值组成。键都是字符串类型
var person = {
name: 'Bob',
age: 20,
tags: ['js', 'web', 'mobile'],
city: 'Beijing',
hasCar: true,
zipcode: null
};
函数定义
- (1)
function abs(x) {
if (x >= 0) {
return x;
} else {
return -x;
}
}
- (2)
var abs = function (x) {
if (x >= 0) {
return x;
} else {
return -x;
}
}; //有分号
- JavaScript还有一个免费赠送的关键字arguments,它只在函数内部起作用,并且永远指向当前函数的调用者传入的所有参数。arguments类似Array但它不是一个Array, 利用arguments,你可以获得调用者传入的所有参数。也就是说,即使函数不定义任何参数,还是可以拿到参数的值:
-使用arguments.length获得参数个数 - function foo(a, b, …rest) 。 rest表示没有申明的后面所有参数
未完待续
上一篇: C++ 结构知识点摘录