js重点

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

//            function add (){

//                var a = 3;

//                return a

//            }

            //一般情况下，函数声明的局部变量，在函数调用完之后就会被销毁掉

//            console.log(add())

//            add()

//

//

//            function add(){

//                var a = 3

//                return function(){

//                    return a

//                }

//            }

//

//            abc = add()

//            console.log(abc())

            //闭包的好处

//            var list = [f0,f1,f2]

//            f0()---->0

//            f1()---->1

//            f2()---->2

            //假设需要一个列表，这个列表存放n个函数，只要调用list[i](),那么就会返回i

            //-----------------------------------案例1：

//            var list = []

//

//            for(var i=0;i<3;i++){

//                var temfn = function(){

//                    return i

//                }

//                list.push(temfn)//将函数添加进列表

//            }

//

//            console.log(list)

//            list[0]() //====> 3

            //----------------------------------案例1：解决方案

            var list = []

            for (var i=0;i<3;i++){

                //匿名函数通过自己调用自己执行，获取i值传入num参数

                //num参数这个变量被返回的匿名函数所引用，所以参数num不会被销毁，使得num参数可以保留。

                var temfn = (function(num){

                    return function(){

                        return num

                    }

                })(i)

                list.push(temfn)

            }

//            console.log(list[0]())

            function Counter(){

                var num = 0

                return function(){

                    num ++

                    return num;

                }

            }

            var abc = Counter()

            console.log(abc())

            console.log(abc())

            console.log(abc())

            //能不用闭包，就尽量不用闭包，因为会导致内存的可使用量下降（内存泄漏）

        </script>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

//            a = add(3,4)

//            console.log(a)

        //将一个匿名函数给到1个变量

//            var add = function(a,b){

//                a = a + 1;

//                b = b + 1;

//                return a+b

//

//                console.log(123)

//            }

        //直接申明函数的方式

//            function add (a,b){

//                a = a + 1;

//                b = b + 1;

//                return a+b

//            }

        //注意：直接申明函数的方式，浏览器会自动将它提升到最前面。

        //js不会对函数的参数进行检查

//        a = add()

//        console.log(a)

//

        //返回值通过return返回出去，return语句执行之后，不会再继续执行函数后面的内容。

//        function add(a=3,b=4){

//            console.log(a,b)

//            a = a + 1;

//            b = b + 1;

//

//            return a+b

//        }

        function add(a,b){

            if(a==undefined){

                a = 3

            }

            if(b == undefined){

                b = 4

            }

            a = a + 1;

            b = b + 1;

            return a+b

        }

        console.log(add())

        var student = {name:'xx',age:16}

        function abc(){

            //在函数里面，用var申明使这个函数的局部变量，在其他地方是拿不到的

            var num = 3

            var student = {name:'666'}

            return student.name

        }

        console.log(abc())

        </script>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            //1、字面量的方式,偶尔创建一个特定的对象，那么就是最简单和便捷方式

            var student = {

                name:'xx',

                age:'xx'

            }

            //2、构造函数的方式

            var student = {}//构造一个新的空对象

            var student = new Object()//构造一个新的空对象

            student.name = 'xx'

            student.age = 'xx'

            //3、创建一个函数来构造一个对象，工厂模式

            function Student(name,age){

                var student = {}

                student.name = name;

                student.age = age

                return student

            }

            var s1 =  Student('xx','xx');

            var s2 =  Student('mingzi','nianling')

            //4、构造一个构造函数，通过构造函数，实例化一个对象

            function Student(name,age){

                this.name = name;

                this.age = age

                this.showName = function(){

                    console.log(this.name)

                }

                //没有返回值

            }

            var s3 = new Student('gzhanshu','xxx')

            //如果使用了new 调用函数，那么首先会创建1个对象，并且将这个对象赋值s3,如果函数里有this,那么这个this就是这个新创建的对象

            var s4 = Student('yyy','uuu')//如果没有new，就是一个普通函数，那么普通函数没有返回值，就是未定义

        </script>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            //构造一个构造函数，通过构造函数，实例化一个对象

            function Student(name,age){

                this.name = name;

                this.age = age

                console.log(name)

                //没有返回值

            }

            function Man(){

                this.run= function(){

                    console.log('会跑')

                }

                this.showName = function(){

                    console.log(this.name)

                }

            }

            var man = new Man()

            //设定构造函数对象的属性prototype,将原型对象给到这个prototype属性

            Student.prototype = man

            var s3 = new Student('gzhanshu','xxx')

            //原型对象也可以有原型，那么原型的原型所形成的链式，那么就叫做原型链

            //原型里面属性方法可以被，实例化的对象共享。大大的减少内存的消耗

        </script>

    </body>

</html>

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

        <script type="text/javascript">

            //对象也存放一组数据的地方

            //student,学生姓名，学生年龄，会考试，会读书，会唱歌

            //字面量的方式

            var student = {

                name:'老王',

                age:'30',

                dizhi:'隔壁',

                isMan:true,

                son:{name:'xiaowang',age:3},

                action:function(){

                    console.log('拐卖良家妇女')

                }

            }

            console.log(student)

            //想要获取里面的属性

//            student['属性值']

//            student.属性值

//          我们如果想要用变量的情况下，那么就要用中括号。

//            student.xuehao = 123456789

//            student['xuehao'] = 12432342

//            console.log(student)

            var student2 = new Object()

            student2.name = 'xxzz'

            student2.age = 16

            console.log(student2)

        </script>

    </body>

</html>

js重点的更多相关文章

JS重点特性——闭包详解
闭包特性:可以让定义好的函数作用域在调用时发生改变,具体说,调用运行时,可以让(定义时)作用域外其他函数访问到本函数的局部变量甚至参数.举例代码如下: <!DOCTYPE html> &l ...
js重点——作用域——作用域分类(三)
一.作用域可以分为全局作用域,局部作用域(函数作用域)和块级作用域. 1.全局作用域代码在程序中的任何位置都能被访问到,window对象的内置属性都拥有全局作用域. <script> v ...
js重点——作用域——简单介绍(一)
一.作用域定义:在js中,作用域为变量,对象,函数可访问的一个范围. 分类:全局作用域和局部作用域全局作用域:全局代表了整个文档document,变量或者函数在函数外面声明,那它的就是全局变量和全 ...
js 重点（转载）
js重点--原型链继承详解
上篇说过了关于原型链继承的问题,这篇详解一下. 1. function animals(){ this.type = "animals"; } animals.prototype. ...
js重点--this关键字
推荐博客:https://www.cnblogs.com/huaxili/p/5407559.html this是JavaScript的一个关键字,表示的不是对象本身,而是指被调用的上文. 主要用于以 ...
js重点--原型链
通过将一个构造函数的原型对象指向父类的实例,就可以调用父类中的实例属性及父类的原型对象属性,实现继承. function animals(){ this.type = "animals&qu ...
js重点--匿名函数
推荐博客:https://www.cnblogs.com/pssp/p/5216668.html 函数是必须要有函数名的,不然没有办法找到它,使用它. 如果没有名字必须要有一个依附体,如:将这个匿名函 ...
js重点--闭包
闭包: 1.获取到局部变量,相当于是函数局部与外部的桥梁 2.使局部变量保存在内存中,不被回收 <script> function outerFn() { var outerVar = 0 ...

随机推荐

栈二：包含min函数的栈
/** * 题目:包含min函数的栈 * 描述: 定义栈的数据结构,请在该类型中实现一个能够得到栈最小元素的min函数. * 注:用data来保存数据,用另一个栈min保存依次入栈最小的数 * ...
tomcat容器是如何创建servlet类实例
当容器启动时,会读取在webapps目录下所有的web应用中的web.xml文件,然后对xml文件进行解析,并读取servlet注册信息. 然后,将每个应用中注册的servlet类都进行加载,并通过反 ...
day 20
目录一.继承初体验二.寻找继承关系三.继承背景下对象属性查找顺序四.派生五.子类派生出新的属性,并重复父类的属性六.新式类与经典类(了解) 一.继承初体验父类: class Parent ...
选择高性能NoSQL数据库的5个步骤
来源:Redislabs作者:Shabih Syed 翻译:Kevin (公众号:中间件小哥) 构建在线和运营应用程序的开发团队越来越多地选择一类新的数据库来支持它们.它被称为“NoSQL”或“Not ...
nextjs：如何将静态资源发布到 CDN
nextjs 是基于 react 的服务端同构指出框架,在使用的过程中也多多少少遇到过几个问题,其中最大的问题就是静态资源的发布了. 1. 如何基于文件内容进行 hash 命名 Next.js use ...
从零开始搭建前端监控系统（三）——实现控制iframe前进后退
前言本系列文章旨在讲解如何从零开始搭建前端监控系统. 项目已经开源项目地址: https://github.com/bombayjs/bombayjs (web sdk) https://gith ...
一个基于C++11的单例模板类
#ifndef _SINGLETON_H_#define _SINGLETON_H_ template<typename T>class Singleton : public Uncopy ...
css 动画animation基本属性(干货)
/* 动画名称 */ animation-name: cloud; /* 属性定义动画完成一个周期所需要的时间,以秒或毫秒计 */ animation-duration:1s; /* 属性定义动画何时 ...
java控制执行流程
控制执行流程欢迎转载,转载烦请注明出处,谢谢. https://www.cnblogs.com/sx-wuyj/p/11177257.html java当中涉及到的关键字包括if-else.whil ...
spring boot 中的路径映射
在spring boot中集成thymeleaf后,我们知道thymeleaf的默认的html的路径为classpath:/templates也就是resources/templates,那如何访问这 ...

js重点

js重点的更多相关文章

随机推荐

热门专题