JavaScript基础(3)

最新推荐文章于 2024-06-20 00:16:53 发布

Text789

最新推荐文章于 2024-06-20 00:16:53 发布

阅读量924

点赞数

文章标签：原型模式

本文链接：https://blog.csdn.net/Text789/article/details/123448674

版权

简单的认识JavaScript对象

1.自定义对象---使用的时候需要自己创建

创建方式:(1).字面形式创建对象

(2)通过函数形式创建对象

2.内置对象--JavaScript语法规范，规定好的对象

(1)高级对象--string number Boolean date ....

(2)DOM对象--文档对象【document对象】

(3)BOM--浏览器对象【windows对象】

对象中通常会包含2类元素:1.属性 --- 描述对象的基本特征

2 方法【函数】----描述对象的基本功能

对象---就是将现实中的事物数据化，使用数据的方式描述出来

对象的属性

属性---键值对【键{属性名称}:值{具体数据}】

可以出现多个,中间","分隔

属性对应的数据值，如果是字符串/日期使用""包围

访问属性值:1.对象名称.属性名称

2.对象名称["属性名称"]

对象中的方法

方法---函数【具体功能的实现代码集合】

格式: 方法名称:function(){具体功能的实现代码}

前进:function(){ 加油向前跑 }

访问方法: 对象名称.方法名称(参数);

汽车对象.前进();

字面量形式创建方式:使用{}包围属性/方法

例如:
   var 汽车对象={
          颜色:"白色",品牌:"BMW",驱动方式:4,座位:5,身长:2,
          前进:function(){加油向前跑},
          后退:function(){减油向后退}
           };

如何字面量创建学生对象

JavaScript中的变量

变量---保存程序运行中数据值的容器

变量的组成:

1.var

2.名称

3.数据类型

4.作用域【有效范围】

变量的作用域:1.全局变量---定义在函数之外的变量，在当前页面中任何一个函数都可以使用

2.局部变量---定义在函数里面的参数/参数,只能在当前函数中使用

全局变量的隐藏---局部变量与全部变量的名称相同

如果要使用被隐藏的全局变量，使用this.全局名称

JavaScript中的运算符

1.算术运算符【+ - * / % ++ -- 】

2.比较运算符【> < >= <= == != === 】

3.逻辑运算符【逻辑或 || 逻辑与 && 逻辑非！】

4.typeof 判断类型 null

5.三元运算符 (判断)？数据1 : 数据2

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script>
           function testsunshu(){
               //+ - * / % ++ --
               var num1=10;
               var num2=3;
               /*
               alert(num1+num2);
               alert(num1-num2);
               alert(num1*num2);
               alert(num1/num2);
               alert(num1%num2);
               */
           //++ 自增自动加1
               //变量 ++ 【先用，后加】
               //alert(num1++); //10
               //alert(num1); //11
               //++ 变量【先加，后用】
               //alert(++num1); //11
               //alert(num1); // 11

               //-- 自减自动减1
               //变量 -- 【先用，后减】
               //alert(num1--); //10
               //alert(num1); // 9
               //-- 变量【先减，后用】
               alert(--num1); // 9
               alert(num1); // 9
           }
           function testbijiao(){
           //> < >= <= == != ===
           //比较运算符的结果一定是boolean 【true/false】
           var num1=10;
           var num2=3;
           /*
           alert(num1>num2); //true
           alert(num1<num2); //false
           alert(num1>=num2); //true
           alert(num1<=num2); //false
           alert(num1==num2); //false
           alert(num1!=num2); //true
           */
       // === 在进行比较的时候，要比较数据值和数据类型
           var test1=10; //number
           var test2="10"; //string
           //alert(test1==test2); //true
           alert(test1===test2); //false
           }

           function testluoji(){
               //逻辑或 || 逻辑与 && 逻辑非 !
               //参与逻辑运算的数据和运算结果都是boolean
               var num1=10;
               var num2=3;
               //逻辑或 ||
               //true || false --- true
               //true || true --- true
               //false || true -- true
               //false|| false --false
               //alert((num1>num2) || (num2>num1)); //true
               //逻辑与 &&
               //true && false --- false
               //true && true --- true
               //false && true -- false
               //false && false --false
               //alert((num1>num2) && (num2>num1)); //false
               //逻辑非 !
               alert(!((num1>num2) && (num2>num1))); //true
           }

           function testtypeof(){
               var test1=null; //object
               var test2; //undefined
               var arr1=["zhangsan",100]; //object
               function fun1(){} //function
               alert(typeof fun1);
           }

           function testsanyuan(){
           //5.三元运算符 (判断)？数据1 : 数据2 [2选1]
           //先执行(判断)---true--选择数据1 作为运算结果
           //               false--选择数据2 作为运算结果
           var age=20;
           var test1=(age>18) ? "成年人" : "未成年人";
           alert(test1);
           }
       </script>
   </head>
   <body>
       <input type="button" value="测试算数运算符" οnclick="testsunshu();" />
       <input type="button" value="测试比较运算符" οnclick="testbijiao();" />
       <input type="button" value="测试逻辑运算符" οnclick="testluoji();" />
       <input type="button" value="测试typeof运算符" οnclick="testtypeof();" />
       <input type="button" value="测试三元运算符" οnclick="testsanyuan();" />
   </body>
</html>

Text789

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础(3)

简单的认识JavaScript对象1.自定义对象---使用的时候需要自己创建创建方式:(1).字面形式创建对象(2)通过函数形式创建对象2.内置对象--JavaScript语法规范，规定好的对象(1)高级对象--string number Boolean date ....(2)DOM对象--文档对象【document对象】(3)BOM--浏览器对象【windows对象】对象中通常会包含2类元素:1.属性 --- 描述对象的基本特征2 方法【函数】----描述对象的基..
复制链接

扫一扫