最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • JavaScript快速学习

    正文概述 掘金(旺仔小小馒头)   2021-07-31   537

    对象

    在JavaScript中,一切皆是对象,所有数据都可以存储在对象里。不管声明的是什么数据类型,都拥有属性和方法。

    创建对象

    创建对象有2种方法。

    • 使用new Object或者大括号创建赋值。

      var obj = new Object();
      obj.name="张三";
      obj.age = 33;
      obj.sex ="男";
      console.log(obj);//结果为{name:"张三",age:33,sex:"男"}
      
      //创建时直接赋值,用大括号键值对的形式。
      var obj = {name:"张三",age:33,sex:"男"};
      console.log(obj);//结果为{name:"张三",age:33,sex:"男"}
      
    • 使用对象构造器

      对函数用构造对象

      function person(name,age,sex){
        //创建对象属性
        this.name=name;
        this.age=age;
        this.sex=sex;
        //创建方法
        this.eat = eat;
        function eat(){
          console.log(name+"吃饭啦");
        }
      }
      var p = new person("张三",33,"男");
      console.log(p);//person {name: "张三", age: 33, sex: "男"}
      p.eat();//张三吃饭啦
      

    访问对象的属性和方法

    和其他面向对象的语言一样,使用 对象.属性名 获取属性 。

    var a = "hello";
    //获取字符串对象的长度
    console.log(a.length);//结果为2.
    //调用字符串的大写方法,将所有字符变成大写。
    console.log(a.toUpperCase());
    

    Window

    sessionStorage

    可以在当前窗口存储kv结构的数据,网页关闭后,数据会消失。

    //存储
    window.sessionStorage.setItem("key",value)
    //获取
    window.sessionStorage.getItem("key")
    //删除
    window.sessionStorage.removeItem("key")
    //清空
    windows.sessionStorage.clear()
    ​
    

    localStorage

    可以永久性的保存kv结构的数据。用法同sesstionStorage。

    //存储
    window.localStorage.setItem("key",value)
    //获取
    window.localStorage.getItem("key")
    //删除
    window.localStorage.removeItem("key")
    //清空
    windows.localStorage.clear()
    

    伪数组

    伪数组本身还是一个对象,只不过内部的属性定义让人看起来像是个数组而已。

    规则:

    • 拥有length属性,其他属性必须是非负整数或者是字符串形式的非负整数。
    • 不能有数组本身拥有的方法。

    示例

    var fakeArray={
      "0":"张三",
      "1":"李四",
      "2":"王五",
      "length":3
    }
    

    javascript中常见的伪数组有arguments、DOM对象集合

    使用伪数组是为了让对象能够使用一些数组的方法。

    this

    通常情况下,谁调用的函数,this就指向谁.

    默认地,普通函数调用后,this为Window对象。

    改变this

    用call函数来改变this,将指定的值传入call函数中。

    function test(){
      console.log(this)
    }
    var p = {name:"张三",age:33}
    test.call(p)
    //输出结果为object{name:"张三",age:33}
    

    \


    起源地下载网 » JavaScript快速学习

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元