欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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表示没有申明的后面所有参数

未完待续