JavaScript初识

最新推荐文章于 2024-11-13 17:27:29 发布

坦然的橘子

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量243

点赞数 5

文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/2301_79542525/article/details/137518645

版权

JS代码位置

JavaScript代码有两种应用方式

1.导入外部JavaScript文件

<script src="文件的相对路径"></script>

有关顺序的注意事项

1.应该在DOM完全加载之前引用加载JavaScript文件，我们可以通过将<script>标签放在<body>之前实现,如果JavaScript文件中有操作DOM的代码，则必须在应该在DOM完全加载之前引用加载JavaScript文件。（另：还可以通过defer实现，但本人没有学过，所以不提）

2.如果一个JavaScript文件依赖与另一个JavaScript文件，则应该先导入所依赖的JavaScript文件

3.如果在HTML文件中也有JavaScript的代码(内部脚本/内联脚本)，则HTML中的JS代码会比导入的JavaScript代码(外部脚本)先运行，因此若内部脚本依赖与外部脚本则可能出现问题

2.在HTML文件中的<script>标签中编写

有关顺序的注意事项

1.当<script>标签写在<body>的最后面，此时会在html加载完成后再进行JS代码的加载，无需特殊处理

2.若<script>在<head>或<body>前端则最好将script中的代码写入window.onload = function(){}中，window.onload叫文档就绪函数，在浏览器完成⻚⾯加载（包括图⽚等资源）后⽴即触发。这样就可以保证js代码运行时，浏览器页面已经加载完成

JavaScript基本语法

简单的输入

<script>
    console.log('hello world');
</script>

变量的声明

用let来声明变量

let 变量名 = '变量内容';

JS的变量声明本质上就是一个引用，实际上就是一个指向

变量的命名规范:

1.变量必须使用字母、下划线(_)或者美元符( $)开始。

2.然后可以使用任意多个英文字母、数字、下划线或者美元符组成。

3.变量名区分大小写，如:A与a是两个不同变量,

4.不能使用|avaScript关键词与JavaScript保留字,

5.变量名最长为255个字符(实际上可以超过)。

用var声明变量

var 变量名 = '值';

用let声明变量和用var声明变量的区别

js中，只有函数作用域，没有块级作用域，

块级作用域：任何一对花括号{}中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。

下面用var来声明变量

if (true){
    var num1 = 10;
}
function say(){
    var num2 = 20;
}
console.log(num1);//10 js中没有块级作用域，因此可以访问
console.log(num2);uncaught ReferenceError:num2 is not defined

没有块级作用域带来了一定的便捷，但使代码不易于理解，因此有了let来声明变量

用var声明变量，没有块级作用域；用let声明变量，则会有块级作用域

示例解释：

function fn1(x) {
  var a = 0;
  let b = 0;
  {
    var c = 1; // 未用let或const，不形成c的块作用域，依然是bar的函数作用域
    let d = 1; // d形成块作用域，只可在当前代码块中访问
  }
  function fn() {
    var e = 2;
    let g = 2;
    console.log('a:', a)
    console.log('b:', b)
    console.log('c:', c) // 访问外部作用域中的a/b/c，形成闭包
    // console.log('d:', d) // d is undefined
  }
  f()
}
fn1(5)