zoukankan      html  css  js  c++  java
  • Vue学习--day1 前期准备

    1、var块级是暴露在全局的,可重复声明(可覆盖值),存在变量提升。

    2、let声明的变量,是块级作用域,不能重复声明。不存在变量提升(变量只能先定义后使用)。

    3、const声明一个只读的变量,一旦声明,常量的值就不能改变。(一旦声明就必须初始化,不能等到以后赋值)

    全部:

    var b = [];
        for (var i = 0; i < 10; i++) {
            b[i]=function(){
                console.log(i);
            };
        }
    b[6]();========结果为10
    
    
    var b = [];
        for (let i = 0; i < 10; i++) {
            b[i]=function(){
                console.log(i);
            };
        }
    b[6]();========结果为6

    4、模板字符串,table键上面` ${}${} `

    <script type="text/javascript">
        var a = '成功';
        var b = '失败';
        var str =`hahaha${a}heihei${b}`;
        alert(str)
    </script>

    5、箭头函数 var f = function(a){return a}     var f = a=>a

    箭头函数中的this是定义时使用的对象(一般是window),不是箭头函数,一般是使用时定义的对象。 箭头 函数时arguments不好使

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    <script>
        //箭头函数
        var f = function(){return 1};
        var ff =()=>2;
        alert(f());
        alert(ff());
        var f1=function(a,b){return a+b};
        var f11 = (a,b)=>a+b;
        alert(f1(1,2));
        alert(f11(1,3));
        var f2=()=>{
            console.log('cssdscscs')
        }
        f2()
    
    
    
    </script>
    </body>
    </html>

    6、对象的单体模式:fav(){}====fav:function(){}

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <script type="text/javascript">
    var c={
    name:'alex',
    age:18,
    fav:function(){
    // console.log('欧美国家')
    console.log(this);
    console.log(this.name);
    }
    }
    c.fav();
    var b={
    name:'alex',
    age:18,
    fav:()=>{
    // console.log('欧美')
    console.log(this);
    console.log(this.name);
    }
    }
    b.fav();

    var d={
    name:'alex',
    age:18,
    fav(){
    // console.log('欧美')
    console.log(this);
    console.log(this.name);
    }
    }
    d.fav();
    </script>
    </body>
    </html>

    7、js面向对象

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    <script type="text/javascript">
        function Animal(name,age){
            this.name=name;
            this.age = age;
        }
        Animal.prototype.shwoName=function(){
            console.log(this.name)
        }
        var a = new Animal('小黑','38')
        alert(a.name)
        alert(a.age)
        a.shwoName()
    
    
        class Animal{
            constructor(name,age){
                this.name = name;
                this.age =age;
            }
            shwoName(){
                console.log(this.name)
            }
        }
        var a = new Animal('小黑','30')
        console.log(a.name)
        console.log(a.age)
    </script>
    </body>
    </html>
  • 相关阅读:
    HTML5标签变化
    接口测试基础入门学习
    1.1Axure简介
    win 7命令行大全
    程序集强签名
    源代码的文件头格式化
    redmine2.3环境搭建
    静态成员和方法的使用场合及利弊分析
    .Net Memory Profiler入门
    TransactionScope类
  • 原文地址:https://www.cnblogs.com/wang-tan/p/13716694.html
Copyright © 2011-2022 走看看