03JavaScript语法14

Posted shink

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了03JavaScript语法14相关的知识,希望对你有一定的参考价值。

day14

03javascript

javascript是一种基于对象和时间驱动的客户端脚本语言,最初的设计是为了
检验html表单输入的正确性,起源于Netscape公司的LiveScript语言

完整的JavaScript是由ECMAScript()、
Browser Objects(DOM、BOM)(特性)组成的

可以在head或body中国使用<script>嵌入javaScript脚本

// 单行注释
/**/ 多行注释
语句结束使用分号结束

ECMAScript中的一切(变量,函数和操作符)都区分大小写

标识符:变量,函数,属性的名字,或者函数的参数。

命名规则:
1,由字母,数字,下划线(_)或美元符号($)组成
2,来不能以数字开头
3,不能使用关键字,保留字等作为标识符。

ECMAScript的变量是松散类型
松散类型:可以用来保存任何类型的数据
每个变量仅仅是一个用于保存值的占位符而已。

变量的声明要使用var操作符
语法:var变量名

声明的同时赋值:var 变量ing=值
先声明后赋值:变量名=值

说明:
1.省略var声明的变量是全局变量
2.不推荐省略var操作符来定义全局变量

typeof
功能:检测变量类型
语法:typeof 变量或typeof(变量)
返回值:String number boolean object undefined function

undefined
值只有undefined

null
1.null表示一个空对象指针
2.如果定义的变量准备在将来用于保存对象,那么最好将改变量
初始化为null而不是其他值。

说明:undefined值是派生字null值的,所以undefined==null的返回结果是true。

Number:表示整数和浮点数
NaN:即非数值(Not a Number)是一个特殊的数值
说明:
1.任何设计NaN的操作(列入NaN/10)都会返回NaN
2.NaN与任何值都不相等,包括NaN本身。

isNaN()
语法:isNaN(n)
功能:检测是否是“非数值”
返回值:bolean
参数:参数n可以是任何类型
说明:isNaN()对接受的数值,现场时转换为数值,再检测是否为非数值。

有3个函数可以吧非数值转换为数值:
Number()
parseInt()
parseFloat()
说明:
1.Number()可以用于任何数据类型
2.parseInt()和parseFloat()则专门用于把字符串转换成数值。

parseInt()
parseInt():会忽略字符串前面的空格,直至倒找第一个非空格字符。

说明:
1,parseInt():转换空字符串返回NaN。
2,parseInt()这个函数提供第二个参数:转换时使用的基数(即多少进制)

string
string类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。
字符串可以由双引号(“)或单引号(‘)表示。

toString()与String()
语法:str.toString()
功能:将str转换为字符串
返回值:str的一个副本
参数:str是要转换的内容,可以是数值,布尔值,对象和字符串。
说明:在不知道要转换的值是不是null或undefined的情况下,还可以使用String()
函数,它能够将任何类型的值转换为字符串。

boolean
用于表示真假的类型,即true表示真,false表示假

类型转换
1,除0之外的所有数字,转化为布尔型都为true
2,除""之外的所有字符,转换为布尔型都为true
3,null和undefined转换为布尔型为false

转换成boolean的函数为Boolean()

递增和递减
1,递增
++a与a++都是对a进行递增的操作
区别:
++a先返回递增之后的a的值
a++先返回a的原值,再返回递增之后的值
2,递增同理

比较操作符
>,<,>=,<=,==,===,!=,!==
==:相等,只比较值是否相等
===:相等,比较值的同时比较数据类型是否相等
!=:不相等,比较值是否不相等
!==:不相等,比较值的同时比较数据类型那个是否不相等
返回值:boolean型

三元操作符
语法:
条件?执行代码1:执行代码2
说明:
可代替简单的if语句
如果条件成立,执行代码1,否则执行代码2

逻辑与
&&与(只要有一个条件不成立,返回false)
说明:在有一个操作数U树布尔值的情况,逻辑与操作就不一定返回值,
此时它遵循下列规则:
1,如果第一个操作数隐式类型转换后为true,则返回第二个操作数。
2,如果第一个操作数隐式类型那个转换后为flase,则返回第一个操作数。
3,如果有一个操作数是null,则返回null
3,如果有一个操作数是NaN,则返回NaN
3,如果有一个操作数是undefined,则返回undefined

逻辑或
||或(只要有一个条件成立,返回true)
说明:再有一个操作数不是布尔值的情况,逻辑与操作就不一定返回值,此时它遵循下列规则:
1,如果第一个操作数隐式类型转换后为true,则返回第一个操作数。
2,如果第一个操作数隐式类型转换后为false,则返回第二个操作数。
3,如果两个操作数是null,则返回null
4,如果两个操作数是NaN,则返回NaN
5,如果两个操作数是undefined,则返回undefined

逻辑非
!非
说明:
1.无论操作数是什么数据类型,逻辑非都会返回一个布尔值
2.!!同时使用两个逻辑非操作符时:
-第一个逻辑非操作会基于无论什么操作数返回一个布尔值
-第二个逻辑非则对该布尔值求反

案例:

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>
</head>
<body>
    <script>
        //声明保存用户名的变量
        /*var name_01;
        name_01="shink";
        //声明保存年龄的变量
        var age=18; //声明变量的同时赋值
        //声明保存邮箱的变量
        var email = "[email protected]";
        //一次声明多个变量*/
        var name_01="shink",age=18,email="[email protected]",settings=null,address;

        var distance = 12.6790;

        var id = "14"
        console.log(typeof(settings));    //在控制台打印

        console.log(typeof(age-"abc"));

        console.log(typeof(email));

        console.log(isNaN(id));

        name_01 =Number(name_01);

        console.log(name_01);

        console.log(Number("12adfa"));

        var topval = "23px";

        console.log(parseInt(topval));

        var c ="avc123";

        console.log(parseInt(c));

        console.log(parseInt("0xf"));

        var d = parseFloat("12.23px");

        console.log(d);

        var e = parseFloat("0.123asd")

        console.log(e);

        var msg = "hello world!";

        console.log(msg);

        var i=232;

        console.log(typeof i.toString());

        console.log(typeof String(i));

        var x;

        var y=null;

        var z="";

        var w=0;

        console.log(Boolean(x),Boolean(y),Boolean(z),Boolean(w));

        
    </script>
</body>
</html>

 

index1.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var number_01 = 12,
            number_02 = "4";

        console.log(number_01*number_02);    //先隐式类型转换

        var x=10,
            y="10",
            m=14,
            z1=x==y,
            z2=x===y,    //全等要比较数据类型
            z3=x!=y,
            z4=x!==y;    //全不等要比较数据类型    
        
        console.log(z1);
        console.log(z2);
        console.log(z3);
        console.log(z4);

        var soce=45,
            result=soce>=60?"及格":"不及格";
        console.log(result);

        console.log( ‘‘ && 123 && 123);
    </script>
</body>
</html>

 


























































































































































以上是关于03JavaScript语法14的主要内容,如果未能解决你的问题,请参考以下文章

在下面的代码片段中的剩余 ='passthrough' 处的代码中出现语法错误

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCODE snippets的使用

VSCode自定义代码片段12——JavaScript的Promise对象