JS语法与变量

95 阅读2分钟

1、输出语句

  • 控制台输出: console.log();
  • 页面输出:document.write();
  • 显示警告框:alert();
  • 显示一个对话框,用来提示用户输入文字:prompt();

2、制台环境

控制台环境.png

3、处理报错

3.1 语法错误

例:alert('你好');--->不小心写成了中文分号

控制台显示:
Uncaught SyntaxError: Invalid or unexpected token

未捕获的语法错误:不合法或错误的符号(报错的行号可能有1行的误差)

3.2 引用错误

例:alret('你好');--->alert错误拼写

控制台显示
Uncaught ReferenceError: alret is not defined

未捕获的引用错误: alret没有被定义

或:alert(你好);--->忘记用引号包裹

控制台显示
Uncaught ReferenceError: 你好 is not defined

未捕获的引用错误: 你好没有被定义

3.3 处理报错的语句

try...catch 语句

1、语法:

try {
  //在此运行代码
}catch (err) {
  //在此处理错误
}

try 部分包含需要运行的代码,catch 部分包含错误发生时运行的代码。

2、例子: num未定义

如果使用try.. .catch语句,错误可以在catch中捕获,并且不会因为报错而中断代码的执行

  try {
    console.log(num)
  }catch (err) {
    console.log(err)
  }
  console.log("我还会执行")

虽然代码出现了报错,但是不会影响到后续代码的执行,"我还会执行"这句话会打印在控制台里。

如果代码中没有错误,就不会执行catch中的语句。

try...catch...finally 语句

1、语法:

try {
    //在此运行代码
  }catch (err) {
    //在此捕获错误
  }
  finally {
    // 无论 try / catch 结果如何,写在此处的代码都会执行
  }

用法和try...catch语法相似

4、变量

4.1 声明变量

使用 var 关键字,var num = 1;

变量只定义未赋值,默认值是undefined

同时声明多个变量

var a = 1, b = 2;

4.2 变量命名

变量命名规范

以数字、字母、下划线和$组成,但不能以数字开头

驼峰命名法

var mathTestScore = 1;

4.3 变量声明提升

  • 变量声明的提升:你可以提前使用一个稍后才声明的变量,而不会引发异常
  • 在执行所有代码前,JS有预解析阶段,会预读所有变量的定义
console.log(a);//先使用 
var a = 1;    //后定义

输出undefined

变量声明提升只提升定义,不提升值