方茜_20210118方茜

知识点总结

JavaScript

1.变量作用域

变量作用域(Scope)是指变量在程序中可以访问的有效范围,也称为变量的可见性。

JavaScript 变量可以分为全局变量和局部变量:

全局变量:不是声明在函数体内部的变量,变量在整个页面脚本中都是可见的,可以被自由访问。

局部变量:变量仅能在声明的函数内部可见,函数外是不允许访问的。只要函数运行完毕,变量就 会被删除

2.let&const

let 声明的变量只在 let 命令所在的代码块内有效。

JavaScript 块级作用域(Block Scope)

使用 var 关键字声明的变量不具备块级作用域的特性,它在 {} 外依然能被访问到。

{ var a = 10; } // 可以访问到 a

可以使用 let 关键字来实现块级作用域。 let 声明的变量只在 let 命令所在的代码块 {} 内有效,在 {} 之外不能访问

{ let x = 2; } // 这里不能使用 x 变量

const 声明一个只读的常量,一旦声明,常量的值就不能改变。

注意:

在函数体外或代码块外使用 var 和 let 关键字声明的变量,它们的作用域都是 全局的

在函数体内使用 var 和 let 关键字声明的变量,它们的作用域都是 局部的

使用let声明的变量不能再次被声明

3.函数

3.1 嵌套函数和闭包

内部函数只可以在外部函数中访问。

内部函数形成了一个闭包:它可以访问外部函数的参数和变量,但是外部函数却不能使用它的参数 和变量。

function outside(x) {

​            function inside(y) {return x + y; } 

​           return inside; } 

JSON

1.json的语法格式

json对象有三种数据格式

类型 语法 解释
对象类型 {name:value,name:value...} 其中name是字符串类型,而value是任意类型
数组/集合类型 [value,value,value...] 其中value是任意类型
混合类型 [{},{}... ...] 或 {name:[]... ...} 合理包裹嵌套对象类型和数组类型

练习

1.乘法口诀表

2.轮番图

<script type="text/javascript">
            var box = document.querySelector("#box");
            var content = document.querySelector("#content");
            var imgs = document.querySelectorAll("#content img"); 
    content.style = "position:relative;top:0px;";
var t = 0;
    //offsetHeight获取高度
    var height = box.offsetHeight;
    var max = height * imgs.length;
    content.style.height = max + "px";
    setInterval(function(){
    //t=t-height
    t -= height;
    //返回t的绝对值
    if(Math.abs(t) >= max){
            t = 0;
                    }
            content.style.top = t + "px";
            },3000);

</script>

心得体会

第六次课,主要学习了JavaScript的基本知识,全局变量、局部变量、let&const的变量声明、基本的数据类型、常用的运算符和控制语句以及函数构造和调用的相关知识。这些是今天的基本收获内容,主要的问题出现在示例的练习过程中轮番图的切换方法的鼠标暂停效果的鼠标离开恢复。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1