【懿瑾】JS的学习笔记①-JavaScript基础

92 阅读2分钟

1. JavaScript基础

1.1 JS编写的位置

  1. 可以编写到标签的指定属性中

     <button onclick="alert('hello');">我是按钮</button>
    
  1. 可以编写到script标签中

     <script type="text/javascript">
         //JS代码
     </script>
    
  2. 可以从外部引入

     <script type="text/javascript" src="文件路径"></script>
    

1.2 输出语句

  • 弹出警告框

     alert("输出内容");
    
  • 在页面内显示

     document.write("输出的内容");
    
  • 在控制台输出

     console.log("输出的内容");
    
  • 弹出确认框

     confirm("确定要删除吗?")
    
  • 弹出提示框

     prompt("提示信息")
    

1.3 基本语法

js函数声明不需要;分号,但是赋值语句要加;分号

 function functionName(arg0,arg1,arg2){  
     //函数声明  
 }  
 ​
 let functionName=function(arg0,arg1,arg2){  
     //函数表达式  
 };(注意分号)

JS严格区分大小写

JS中语句结尾不加分号,浏览器会自动添加,有时会添加错误,也会浪费资源。

JS中的代码块只具有分组的作用,没有其他用途.

1.4 字面量和变量

  1. 字面量

    字面量是一些固定的值,也可以叫魔法值,不推荐使用

    字面量不可以被改变

  2. 变量

    可以用来保存字面量

    使用var进行变量声明(ES5)

    使用let进行变量声明(ES6)

    用 var 定义的全部变量,有时候会污染整个 js 的作用域。我们在如今的实战中,基本都是用的 ES6 语法,所以请尽量避免使用 var 定义变量。

let 和 const 的特点【重要】

不属于顶层对象 Window

不允许重复声明

不存在变量提升

暂时性死区

支持块级作用域

相反, 用var声明的变量:存在变量提升、可以重复声明、没有块级作用域。

var/let/const 的共同点

全局作用域中定义的变量,可以在函数中使用。

函数中声明的变量,只能在函数及其子函数中使用,外部无法使用。

总结

标识符

  • 标识符中可以含有字母、数字、_、$
  • 标识符不能以数字开头
  • 标识符不能是JS中的关键字和保留字
  • 标识符一般采用驼峰命名法:xxYyyZzz