2021-10-03

javaScript总结

什么是js？
在一个网页里面有三部分
html 表示结构
css 表示样式
JS 表示行为

     JS的三大核心
     1. ECMAScript    包括js的标标准和语法
     2. BOM   (Browser Object Model)   就是一整套操作浏览器的属性和方法
     3. DOM   (Document Object Model)  就是一整套操作文档流的属性和方法

     JS的本质
     就是通过JS的语法，让浏览器发生变化   让文档发生变化

JS的书写方式分为三种
行内式(强力不推荐)
内嵌式(方便使用)
外链式(推荐)

    1.行内式JS的书写方式    分为两种  a标签和非a标签
       a标签
       因为a标签本身就有行为出现
       所以当我点击的时候，需要区分你是跳转链接还是执行js代码
       如果我在href属性里面书写一个 javascript: js代码;   就表示这个a标签在执行js行为  并且不在跳转页面了
       如果在href属性里面没有写javascript：js代码   只是一个地址   那就是表示具有跳转页面的效果
       非a标签   比如说div   span    h1等等
       因为没有自己的行为，我们需要给他加一个行为
       写一个onclick属性  表示当点击时候   在onclick属性值的位置书写js代码
    2.内嵌式js代码
       在页面中书写一个script标签
       把js代码书写到script标签里面
       在一个页面内可以书写无限个script标签   会按照从上到下的顺序一次执行
       理论上script标签可以放到页面中的任何位置  无论是html结束标签的下面   还是页面的第一行代码都可以
       推荐将script标签放到body的末尾或者是head结束标签的末尾
    3.外链式js代码
       把js代码写在一个.js后缀的文件中
       在.html页面中通过script标签的src属性引入进来
       注意：当一个script标签被当做外链式在使用的时候，那么写在标签对里面的js内容就不会再起作用了
       哪怕你写了src属性  但是没有引入文件也算  也不能当做内嵌式使用了

js里面的注释语句分为两种 单行注释 多行注释
单行注释 就是两条斜杠// 被注释的语句不会被执行
多行注释 就是/**/ 一次可以注释一段代码
运算符
优先级 运算符 顺序
1 小括号 ()
2 一元运算符 ++ – !
3 算术运算符 先* / % 再+ -
4 关系运算符 > >= < <= 常用于判断语句if（）
5 相等运算符 == ！= === ！==常用于判断语句if（）
6 逻辑运算符 先逻辑与&& 再逻辑或 ||
7 赋值运算符 =
8 逗号运算符 ， 声明多个变量用逗号隔开
总结 一元运算符里面的逻辑非 ！ 优先级很高
逻辑与比逻辑或优先级高
三元运算符，也叫作三元表达式 能够作一些简单的条件选择，特别像我们的if else双分支语句
三元运算符语法结构： 条件表达式？表达式1：表达式2
三元运算符执行思路：如果条件表达式结果为真，就返回表达式1的值 如果表达式结果为假，就返回表达式2
作用域
JS被别的语言所诟病的地方 一个是预解析 一个是作用域
你们将来面试 原生JS两个大坑 每个人都会经历 一个是作用域加预解析 第二个就是this指向 这是每一个人都需要跳过去的坑
+作用域分为两种
1.全局作用域
+打开一个页面就是一个全局作用域
+全局作用域 叫做window 表示窗口的意思
2.私有作用域 (局部作用域)
+ 只有函数生成私有作用域
+ 我们的每一个函数就是一个私有作用域 只要是你写一个函数 他就是私有作用域

    function fn() {
        // 这个位置就是fn私有作用域
        function a() {
            // 这个位置就是fn私有作用域下的a的私有作用域
        }
    };
    function fun() {
        // 这个位置就是fun私有作用域
    };
    var f = function() {
        // 这个位置就是f私有作用域
    };

在js语言中重点在于函数，回调函数，BOM，DOM，对象，内置对象，事件高级，网页特效，移动网页特效只要掌握这几个js基本算全学会了。
学习js需要你多了解含义，如何使用，再什么情况下使用，js里面的单词多需要去多看最好是背下来。