js的引用方式,变量与常量,函数

js引用方式

行内脚本

• 直接与一个元素的事件属性绑定
• 可以用on+事件名称来使用
• 实例演示(用botton标签)

    <button onclick="alert('nihao')">a</button>

内部脚本

• 将js代码写到script标签中
• 实例演示(用botton标签)

    <button onclick="btn()">a</button>
    <script>
        function btnClick() {
            onclick = alert('nihao');
        }
    </script>

外部脚本

• 写在js文件中
• 实现了js代码的共享
• 实例演示

  function btnClick() {
    onclick = alert('nihao')
  }

结果

---

变量与常量

变量

声明方法

• 用let来声明变量
• let不能重复声明,可以重复使用
• 命名时用驼峰式(userName…)

使用方式

let btn = '1';

常量

声明方法

• 用const来声明常量
• 不允许更新
• 命名时通常全大写,多个单词之间用’_’

使用方式

const btn = '1';

函数

声明方法

// function +函数名 +() +{}

匿名函数

• 把声明做成一个变量或常量

  let name = function () {}

高阶函数

• 使用函数为参数或将函数作为返回的函数

        function demo() {
            return function () {
                return 'nihao'
            }
        }
        console.log(demo());

  

归并函数

• 将所有参数压倒一个数组中来简化参数的获取过程
• reduce()可以多值计算

        sum = function (...arr) {
            return arr.reduce((p, c) => p + c);
        }

箭头函数

• 不用写function
• 小括号和大括号之间放一个=>
• 如果代码只有一行语句,可以删除大括号
• 如果只有一个参数,可以删除小括号
• 如果要使用this,不要用箭头函数

        sum = a => a + 10;
        console.log(sum(10));

立即执行函数

• 它就是IIFE
• 声明调用二合一
• 写法: (函数)(参数)

        (function (a, b) {
            console.log(a + b);
        })(10, 20)