ES5-01创建对象、数据类型

最新推荐文章于 2021-12-19 19:46:30 发布
最新推荐文章于 2021-12-19 19:46:30 发布
阅读量115 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42549581/article/details/102607573
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>数据类型</title>
</head>
<body>
<!-- 基本类型 ：字符串 string  数字 NUMBER  布尔  undefined Symbol
引用： 数组（array） 对象（object） 函数（function） -->

    <script>
        //基础类型
       var str = '123' ;
       var num = 1;
       var bol =true; //false
       var km = null;
       var sym = Symbol('name');

       //引用类型
       var arr= [];
       var obj = {};
       var fun = function(){

       }

       var person1= {
           name:'kll'
       };
       person1.age='20'

       var person2= {
           name:'ggg'
       };

       /*
       person1 = person2
       console.log(person1,person2) // 俩个对象的属性和值都为{name:'ggg',age:'20'}
       person2.age='18'
       console.log(person1,person2)// 俩个对象的属性和值都为{name:'ggg',age:'18'}
       */

       var a = 10;
       var b = a;
       a++;
       console.log(a); //11
       console.log(b); //10
       
       var a1 = {};
       var b1 = a1;
       var b2 = a1;

       a1.name = 'song';
       console.log(a1); //{name: "song"}
       console.log(b1); //{name: "song"}

       b1.age = '30';

    //    const kk= {name:'23'};
    //    kk.color='345';
    const name1='laney';


    var s1 = new String('123');
    var obj1= new Object();
    var obj1= new Array();
    var s2 = String('123');
    var str2 = '123' ;
    
    // 引用和基本区别：

    // 1. 值是否可变，基本数据类型的值是不可变 ，但是引用类型的值可以变

    var str3 = 'abc' ;
    str3[0] = 'A';
    str3.toLocaleUpperCase();
    console.log(str3);
    
    str3 = 'mnkk';


    var person1= {
           name:'kll'
       };
     person1.age='20';
    //  person1 = {};

    // 2. 比较， 是否2个值相等
    //基础类型的比较是值的比较
    //引用数据类型是引用的比较
       var a=1;
       var b = true;

       console.log(a==b) //true
       var p1= {};
       var p2 ={};
       p1 === p2  //false
       
       //3. 值存放的位置
       // 基础数据类型存放在栈区， 引用类型的值同时保存在栈和堆内存中的对象

       //4 .复制的情况
       var m1= 10;
       var m2 = m1;
    //    m1和m2没有关系

     var b1= {};  //b1保存了一个 空的对象
     var c1= b1; 


     var arr1= [10,20,30];
     function add(){
        arr1[0] = 99;
     }
     add();
     console.log(arr1); //[99,20,30]

     
     var num =50;
     function add2(){
        var num = 99;
        console.log(num) //99
     }
     add2();
     console.log(num); // 50

    //  var num =50;
    //  function add2(){
    //     num = 99; //不加var 改全局
    //     console.log(num) //99
    //  }
    //  add2();
    //  console.log(num); // 99
     

     //申明变量类型
     var car= new String();
     var num = new Number();
     var arr0 = new Array();
     var obj1= new Object();

    //  基础数据类型检测 ； typeof
    typeof 2;    // number
    typeof '123';    //string
    typeof {};      //object
    typeof [];      //object
    typeof true;    //boolen
    typeof (function(){}); //function 

    
    Object.prototype.toString.call({})
    Object.prototype.toString.call([])
    Object.prototype.toString.call('123')
    Object.prototype.toString.call(2)
    Object.prototype.toString.call(true)
    Object.prototype.toString.call(null)
    Object.prototype.toString.call((function(){}))


    //对象的创建
    //object类型构造函数

    var  obj01= new Object();
    var  arr01= new Array();
    obj01.name ='夏明';
    obj01.sleep = function(){
        console.log(this.name+'在睡觉');
    }
    obj01.sleep()//夏明在睡觉

    // 2. 字面量定义
    var obj2= {};
    obj2.name='小明';
    // obj2['name'] = '小明';

    // var obj3 = {
    //     name:'wewe',
    //     age:'20',
    //     action:function(){}
    // };
    // var obj4 = {
    //     name:'song',
    //     age:'2',
    //     action:function(){}
    // };

   //工厂方式的形式
    function createObj(name,age){
        var obj = new Object();
        obj.name= name;
        obj.age= age;
        obj.action = function(){
            console.log(obj.name);
        }
        return obj;
    }

var obj3 = createObj('wewe','20');
var obj4 = createObj('song','2');

//构造函数
function Person(name,age){
    this.name= name;
    this.age= age;
}

Person.prototype.action = function(){
    console.log(this.name);
}

var p1 = new Person('laney','30');
var p2 = new Person('夜半天明','16');

//Object.create
var p1 = {name:'echo'};
var p2 = Object.create(p1); // p2 {}

//过程式开发 -- 站在一个执行者的角度
//洗衣服

//面向对象开发的模式   --站在一个指挥者的角度，开发思想
// 1.找个对象
// 2.让去洗
// 3.检查


// 面向对象的特点

// 1。封装  
// 2. 继承 ，提高代码的复用性
// 3. 多态 









    





     









       


   </script>
</body>
</html>
i'm_zhangting
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ElasticSearch入门 第六篇：复合数据类型——数组，对象和嵌套
albh81462的博客
05-05 6048
这是ElasticSearch 2.4 版本系列的第六篇： ElasticSearch入门 第一篇：Windows下安装ElasticSearch ElasticSearch入门 第二篇：集群配置 ElasticSearch入门 第三篇：索引 ElasticSearch入门 第四篇：使用C#添加和更新文档 ElasticSearch入门 第五篇：使用C#查询文档 Elas...
es5-shim.js
08-31
es5-shim.js 有需要的赶紧下载吧....
es5-safe:拓展原生对象,提供ES5规范新增的部分功能
06-15
es5 安全 es5-safe Fork 来自 该模块提供了兼容性垫片，以便遗留 JavaScript 引擎的行为尽可能接近 ES5。 它提供了以下方法： Function . prototype . bind Object . keys Array . isArray Array . prototype . forEach Array . prototype . map Array . prototype . filter Array . prototype . every Array . prototype . some Array . prototype . reduce Array . prototype . reduceRight Array . prototype . indexOf Array . prototype . lastIndexOf String . pr
Elasticsearch 数组、对象和嵌套类型的使用和区别
Ingenuity1992的博客
12-19 3118
总结，对象字段与嵌套字段的区别： 1. mapping设置不同。ES可不设置字段type，则默认object类型，嵌套需要显示设置为"type":"nested". 2. 存储方式不同。对象数组在后台是扁平化存储，嵌套对象数组是每个对象独立成文档存储。因此，对象数据有时会有"且"条件查询出"或"结果，嵌套对象的文档聚合可能会多计数(除非加reverse_nested)，想保持数组中对象的独立性，就需要使用嵌套字段类型。 3. 查询方式不同。对象类型直接通过"."号连接各层级字段进行查询。嵌套字段需要使用ne
ES篇：ElasticSearch教程——创建索引、类型、文档
zxx2096的博客
11-07 2643
https://blog.csdn.net/weixin_41297324/article/details/83758033
ES创建实体类
夏微凉秋微暖的博客
04-09 2462
1.创建类 2.设置kibana时区 不需要再+8了 import com.fasterxml.jackson.annotation.JsonFormat; import org.springframework.data.annotation.Id; import org.springframework.data.elasticsearch.annotations.Da...
ElasticSearch 6.x 学习笔记：12.字段类型
热门推荐
程裕强的专栏
01-12 3万+
12.1 字段类型概述 一级分类 二级分类 具体类型 核心类型 字符串类型 string,text,keyword 整数类型 integer,long,short,byte 浮点类型 double,float,half_float,scaled_floa
ElasticSearch-对象类型和嵌套（nested）对象
liuhe2296044的博客
12-28 2468
一、对象类型 使用json、json数组作为字段值，动态映射会默认使用对象类型（type object）。 1.1字段值为json对象 POST users/users/1 { "name":"王月", "description":{ "date":"2015-12-22", "title":"go to School" } } 相...
es 数据类型
hyhanyu的博客
07-31 6500
string: 字符串类型被分为了text和keyword 类型。 text 默认是分词的，不能进行聚合。 如果我们让es自动映射数据，那么es 会把字符串定义为text字段，并且还加了一个keyword字段。 插入数据： PUT test_field/_doc/1 { "name": "test1" } 查看索引映射： GET test_field/_mapping ...
es5-shim-master.zip
01-04
es5相关JS。
react-dnd-es5-examples:react-dnd-es5-示例
05-09
＃React-DnD ES5示例ES5中示例，适用于尽管使用JSX但仍无法使用ES6 / 7的用户。 如果您对资料库有任何疑问或问题，请在 贡献者 查看
apply()用法
weixin_42549581的博客
02-24 1万+
apply() 方法调用一个具有给定this值的函数，以及以一个数组（或类数组对象）的形式提供的参数。 注意：call()方法的作用和 apply() 方法类似，区别就是call()方法接受的是参数列表，而apply()方法接受的是一个参数数组。 语法：func.apply(thisArg, [argsArray]) 用 apply 将数组各项添加到另一个数组 我们可以使用push将元素追加到数组中。由于push接受可变数量的参数，所以也可以一次追加多个元素。 但是，如果push的参数是数组，它会将该数
面试题多个判断条件 a||b||c 及a&&b&&c
weixin_42549581的博客
04-15 6354
var a=1&&2 //1为false则不判断2,如果1为true则继续判断2 执行后a=2 console.log(a) //2 var a=1||2 //1为true则不判断2 console.log(a) //1 var c; // undefined var a=c||2 //c无值则继续...
call()用法
weixin_42549581的博客
02-23 3099
call() 用法 function.call(thisArg, arg1, arg2, …) 如果没有传递第一个参数，this 的值将会被绑定为全局对象。 使用 call 方法调用父构造函数 在一个子构造函数中，你可以通过调用父构造函数的 call 方法来实现继承。下例中，使用 Food 和 Toy 构造函数创建的对象实例都会拥有在 Product 构造函数中添加的 name 属性和 price 属性,但 category 属性是在各自的构造函数中定义的。 function Product(name,
JS之split() 字符串分割成数组
weixin_42549581的博客
05-31 1840
str = "2,2,3,TS001,D001"; //这是一字符串 var strs = new Array(); //定义一数组 strs = str.split(","); //字符分割 for (i=0; i<strs.length; i++ ){ 　　document.write(strs[i]+"<br/>"); //分割后的字符输出 } 输出结果： 2 2 3 ...
重复的定时器 setInterval 存在的问题
weixin_42549581的博客
03-08 1837
使用 setInterval() 创建的定时器确保了定时器代码规则地插入队列中。这个方式的问题在于，定时器代码可能在代码再次被添加到队列之前还没有完成执行，结果导致定时器代码连续运行好几次，而之间没有任何停顿。幸好，Javascript 引擎够聪明，能够避免这个问题。当使用setInterval() 时，仅当没有该定时器的任何其他代码实例时，才将定时器代码添加到队列中。这确保了定时器代码加入到队列中的最小时间间隔为指定间隔。 ...
学习笔记：ES6之var let const区别和箭头函数的理解
weixin_42549581的博客
06-13 1303
window.onload = function() { //浏览器预解析 先解析 var function console.log(c) //c is not defind var a = 1; var b; c = 2; d()//3 function d() {//函数声明 console.log(3) } e() //e is not a f...
ES6之数组、对象结构详解
weixin_42549581的博客
05-04 1275
1、数组结构 <script> window.onload = function(){ var a = 1; var b = 2; var c = 3; var a = 1,b=2,b=3; var [a,b,c] = [1,2,3]; //模式匹配 var [a,b,c] = [1,,3]; //b=undefined var [a,b...
ES6实例-简单留言板
weixin_42549581的博客
05-05 774
<!DOCTYPE> <html lang="zh-en"> <head> <title>js实现简单留言板</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link href="cs...
pdfjs-2.7.570-es5-dist
最新发布
09-17
pdfjs-2.7.570-es5-dist是一个用于处理PDF文件的JavaScript库。它提供了一组强大的功能，可用于在网页上呈现和操作PDF文档。 首先，pdfjs-2.7.570-es5-dist可以代替常见的PDF阅读器插件，让用户在不离开网页的情况下直接在浏览器上阅读PDF文件。这对于网页设计者和开发者来说是非常有用的，因为它提供了更丰富的定制和集成功能。 其次，pdfjs-2.7.570-es5-dist还具有高度可定制化的特性。用户可以根据自己的需求来自定义界面、样式和功能。例如，可以自定义阅读器的颜色、字体、工具栏等，以及添加注释、书签和链接。 此外，pdfjs-2.7.570-es5-dist还支持将PDF文件转换为其他格式，例如图像或HTML。这使得用户可以将PDF文件的内容复制到其他应用程序或网站上，以满足不同的需求。 还值得一提的是，pdfjs-2.7.570-es5-dist使用现代的HTML5技术和JavaScript语言编写，因此它可以在几乎所有现代浏览器上运行，无需额外的插件或软件安装。这意味着用户可以方便地在任何设备上查看和操作PDF文件。 总结来说，pdfjs-2.7.570-es5-dist是一个功能强大且灵活的JavaScript库，用于在网页上处理PDF文件。它提供了丰富的功能和定制选项，使用户可以轻松地阅读、操作和导出PDF文件的内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值