JavaScript基础__2

最新推荐文章于 2024-06-10 22:18:41 发布

slom_fxt

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量149

点赞数

分类专栏： JavaScript基础文章标签： javascript js中的对象、变量、运算符

本文链接：https://blog.csdn.net/slom_fxt/article/details/120529307

版权

JavaScript基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、JavaScript 对象

1.JavaScript 对象类型
JavaScript 对象是由“{}”创建，在“{}”可以有属性
属性是一个键值对的形式 (name : value) 来定义
如果有多个使用“,”分割
对象访问属性
1.对象名称.属性名称
2.对象名称["属性名称"]
上面介绍了对象中的属性，对象中除了属性还有方法，方法使用函数创建

例如;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            //1.JavaScript 对象类型
            //JavaScript 对象是由“{}”创建，在“{}”可以有属性
            //属性是一个键值对的形式 (name : value) 来定义
            //如果有多个使用“,”分割
           var student={ stuname:"fxt",stuid:183766,age:22}
            //对象访问属性
            //1.对象名称.属性名称
            alert(student.stuname)
            //alert(student.stuid);
            //2.对象名称["属性名称"]
            //alert(student["stuname"]);
            //上面介绍了对象中的属性，对象中除了属性还有方法，方法使用函数创建
        </script>
    </head>
    <body>
        <h4>JavaScript 对象</h4>
    </body>
</html>

二、JavaScript 数组

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            //1.JavaScript 数组
            //什么是数组?
            //不同类型的数据，按照顺序，组成的引用数据类型。
            //作用？可以通过一个变量保存一组不同类型的数据
            //如何创建数组？
            //1.new Array()
            var  shuzu=new Array();//定义声明一个空的数组
            var  shuzu1=new  Array(3);//定义声明了有三个位置的空数组
            //2.通过“[]”表示数组
            var shuzu3=[];//空数组
            
            //数组如何保存数据值?
            //1.通过下标逐个赋值
            //下标表示数据在数组中的位置，从0开始
            var shuzu4 = new Array();
            shuzu4[0]=1002;
            shuzu4[1]="fxt";
            shuzu4[2]=22;

            var shuzu5 = [];
            shuzu5[0]=1003;
            shuzu5[1]="ch";
            shuzu5[2]=22; 
            //2.创建时直接赋值
           var shuju =new Array(1004,"htt",23);
           var shuju1 =new Array(1005,"gyq",21);

            //从数组中取出对应位置【下标】的数据
            alert(shuju[1]);
            
        </script>
    </head>
    <body>
        <h4>JavaScript 数组</h4>
    </body>
</html>

三、JavaScript 函数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
           //JavaScript 函数
           //某个功能具体执行代码的集合--函数
           //作用？封装某个功能的执行代码
           //如何创建函数？
           //通过function关键字来创建
           //格式:
           /*
           function 函数名称(参数列表){
                函数体
                [return xxxx;]
           }
           */
           //function--创建函数的关键字
           //函数名称---首字母小写，从第二个单词开始首字母大写
           //copy  testCopy
           //(参数列表)
           //参数---接收函数之外的数据值进入函数中参加运算活动【找帮手】
           //可以有多个，中间","分割，是一个变量没有，无需var定义。
           //{}函数体--编写具体执行代码。
           // [return xxxx;]---可选，表示返回函数的执行结果
           //当函数有执行结果的时候，函数体中的最后一句话一定是return xxxx;
           //当函数没有执行结果的时候，不用写return xxxx;
           //如果函数有参数并且有返回值，在调用函数时没有设置参数的值时，函数的运算结果会报错。但是不影响结果之外的调用
           function test1(){
               alert("没有参数，没有返回值的函数");
           }
           function test2(num){
               alert("有一个参数，没有返回值的函数");
           }
           function test3(num,str){
               alert("有多个参数，没有返回值的函数");
           }
           function test4(){
               alert("没有参数，有返回值的函数");
               return "";
           }
           function test5(num){
               alert("有一个参数，有返回值的函数");
               return "";
           }
           function test6(num,str){
               alert("有多个参数，有返回值的函数");
               return "";
           }
           //函数的调用
           //要什么，给什么;给什么，收什么。
           //test1();
           //test2("zhangsan");
           var res=test6(1001,"zhangsan");
        </script>
    </head>
    <body>
        <h4>JavaScript 函数</h4>
    </body>
</html>

四、JavaScript对象类型

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            //1.JavaScript 对象类型
            //什么是对象?
            //描述一类具体事物的引用数据类型 -- 对象
            //为什么需要创建自定义对象类型
            //因为javascript中的数据类型，在使用的时候可能不够用，我们需要自己定义创建一种新的类型。
            //如何创建对象类型？
            //创建对象的方式有多种，我们今天介绍通过字面量方式创建对象
            //通过字面量方式创建对象需要使用"{}"
            //对象中有那些元素？
            //属性---变量,功能----方法
            //属性是一个键值对的形式 (name : value) 来定义
            //如果有多个使用“,”分割
            //方法是一个函数
            var student={
                stuname:"ftx",
                stuid:183766,//这是student对象的两个属性
                xuexi:function(){
                    alert("上课学习中");
                },
                sleep:function(){
                    alert("休息中");
                }
            }
            //name/color是对象的属性，run/carback是对象的方法
            //对象访问属性
            //1.对象名称.属性名称
            alert(student.stuname);
            //2.对象名称["属性名称"]
           alert(student["stuid"]);
            
            //对象访问方法
            //[var 变量=]对象名称.方法名称([参数列表]);
            student.xuexi();
            student.sleep();
        </script>
    </head>
    <body>
        <h4>JavaScript 对象</h4>
    </body>
</html>

五、JavaScript 变量的分类

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            //JavaScript 变量的分类
            //1 全局 JavaScript 变量
            //在函数外声明的变量是全局变量
            //网页上的所有脚本和函数都能访问它。
            //全局变量会在页面关闭后被删除。
            var  testname="测试全局变量";  //全局 JavaScript 变量
            //2.局部 JavaScript 变量
            //在 JavaScript 函数内部声明的变量（使用 var）是局部变量,包含函数的参数
            //只能在当前函数中使用，超出当前函数就无法使用
            //只要函数运行完毕，本地变量就会被删除。
            
            //未定义的变量赋值以后就是该变量将被自动作为 window 的一个属性
            //window是javascript中的一个内置对象
            //我们可以认为 全局 JavaScript 变量是属性window对象
            //函数中的变量，没有使用var定义的时候就是全局变量,在使用之前重新赋值。

            function  test1(){
                var  name="zhangsan" ; //局部 JavaScript 变量
                address="西安"; //全局变量
                alert(window.testname); //访问全局变量
                alert(testname); //访问全局变量
                alert(address);
            }
           
            function test(){
                address="北京";
                //alert(testname);//访问全局变量
                alert(address);//访问全局变量
            }
           

            test();
        </script>
    </head>
    <body>
        <h4>JavaScript 变量的分类</h4>
    </body>
</html>

六、JavaScript 运算符

1.JavaScript 算术运算符 [+  -  *  /  %[求余]  ++  --]

+ 运算符用于把文本值或字符串变量加起来（连接起来）。

如需把两个或多个字符串变量连接起来，请使用 + 运算符。

2.JavaScript比较运算符 [>  <  >=  <=  ==  ===  !=]

   运算结果是boolean【true/false】

   ===  ---  比较数据是否相等【数据类型和数据值都要比较】

3.JavaScrip逻辑运算符 [||  &&  !]

    逻辑或  || --- 只要有一个为true,则运算结果为true

    逻辑与  && --- 只要有一个为false,则运算结果为fasle

4.typeof 操作符

判断变量的具体数据类型

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script>
            //1.JavaScript 运算符
            //JavaScript 算术运算符 [+  -  *  /  %[求余]  ++  --]
            //+ 运算符用于把文本值或字符串变量加起来（连接起来）。
            //如需把两个或多个字符串变量连接起来，请使用 + 运算符。
            var str1="hello";
            var str2="网星";
            var str3=str1+str2;
            //alert(str3);
            //两个数字相加，返回数字相加的和
            var num1=100;
            var num2=12.5;
            //alert(num1+num2);
            //如果数字与字符串相加，返回字符串.
            var num3=100;
            var num4="12.5";
            //alert(num3+num4);
            // ++[自动加1]  
            //var  num5=10;
            //变量++   ------  先用后加1
            //alert(num5++); //10
            //alert(num5); //11
            //++变量   ------  先加1，后用
            //alert(++num5); //11
            //alert(num5); //11
            //--[自动减1]
            //变量--   ------  先用后减1
            //alert(num5--); //10
            //alert(num5); //9
            //--变量   ------  先减1，后用
            //alert(--num5); //9
            //alert(num5); //9

            //JavaScript比较运算符 [>  <  >=  <=  ==  ===  !=]
            //运算结果是boolean【true/false】
            //===  ---  比较数据是否相等【数据类型和数据值都要比较】
            var  val1=100;
            var  val2="100";
            //alert(val1==val2); //true
            //alert(val1===val2); //false

            //JavaScrip逻辑运算符 [||  &&  !]
            //逻辑或  || --- 只要有一个为true,则运算结果为true
            //逻辑与  && --- 只要有一个为false,则运算结果为fasle

            //JavaScrip条件运算符 [三元运算符]---2选1
            //格式 :  var 变量= (判断条件) ？ 结果1 : 结果2;
            var  age =  20;
            var res=(age > 18) ? "成年人" : "未成年人";
            //alert(res); 

            //typeof 操作符
            //判断变量的具体数据类型
            var str="hello"; //string
            var numb=100; //number
            var boo=true; //boolean
            var tnull=null;  //object
            var testun; //undefined
            var student={}; //object
            var  arr1=[]; //object
            var  arr2=new Array(); //object
            function test(){    //function
                    alert("函数");
            }
            alert(typeof test);
        </script>
    </head>
    <body>
        <h4>JavaScript 运算符</h4>

    </body>
</html>

slom_fxt

关注

0
点赞
踩
0

收藏

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

一、JavaScript 对象1.JavaScript 对象类型 JavaScript 对象是由“{}”创建，在“{}”可以有属性属性是一个键值对的形式 (name : value) 来定义如果有多个使用“,”分割对象访问属性 1.对象名称.属性名称 2.对象名称["属性名称"] 上面介绍了对象中的属性，对象中除了属性还有方法，方法使用函数创建例如;...
复制链接

扫一扫