js引用方式

行内脚本

  • 直接与一个元素的事件属性绑定
  • 可以用on+事件名称来使用
  • 实例演示(用botton标签)
    1.   <button onclick="alert('nihao')">a</button>

内部脚本

  • 将js代码写到script标签中
  • 实例演示(用botton标签)
  1.     <button onclick="btn()">a</button>
  2.     <script>
  3.         function btnClick() {
  4.             onclick = alert('nihao');
  5.         }
  6.     </script>

外部脚本

  • 写在js文件中
  • 实现了js代码的共享
  • 实例演示
    1. function btnClick() {
    2.   onclick = alert('nihao')
    3. }

结果

变量与常量

变量

声明方法

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

使用方式

  1. let btn = '1';

常量

声明方法

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

使用方式

  1. const btn = '1';

函数

声明方法

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

匿名函数

  • 把声明做成一个变量或常量
    1. let name = function () {}

高阶函数

  • 使用函数为参数或将函数作为返回的函数
    1.       function demo() {
    2.           return function () {
    3.               return 'nihao'
    4.           }
    5.       }
    6.       console.log(demo());

归并函数

  • 将所有参数压倒一个数组中来简化参数的获取过程
  • reduce()可以多值计算
    1.       sum = function (...arr) {
    2.           return arr.reduce((p, c) => p + c);
    3.       }

箭头函数

  • 不用写function
  • 小括号和大括号之间放一个=>
  • 如果代码只有一行语句,可以删除大括号
  • 如果只有一个参数,可以删除小括号
  • 如果要使用this,不要用箭头函数
    1.       sum = a => a + 10;
    2.       console.log(sum(10));

立即执行函数

  • 它就是IIFE
  • 声明调用二合一
  • 写法: (函数)(参数)
    1.       (function (a, b) {
    2.           console.log(a + b);
    3.       })(10, 20)

更多相关文章

  1. 【JS基础入门】JavaScript中变量常量的声明及函数的语法与使用方
  2. 最新iOS开发常见面试题总结二!（附答案）！
  3. 用 Python 制作一个迷宫游戏
  4. MySql基本查询-基本函数
  5. 致老男孩教育的维权声明 - Spug运维
  6. 易错：函数方式实现二分查找整形数组
  7. 函数递归、匿名函数、内置函数
  8. 20201112 装饰器之函数即变量
  9. 20201203 函数式编程与函数不同

随机推荐

  1. android多选联系人实现
  2. 有关Material Design新特性的详解。
  3. Power Profiles for Android
  4. Android(安卓)内存溢出解决方案（OOM） 整理
  5. android sqilte3数据库大小的测试
  6. Android使用xml自定义图片
  7. android默认字体大小、高度、宽度
  8. Android我自己的简易（秒表）计时器Chronomet
  9. Android SpannableStringBuilder改变某部
  10. Android webkit log定义