JavaScript知识——JS怎么写、变量、逻辑运算符

JS怎么写

写在script标签内
JS写在

<script>
        //控制浏览器弹出一个警告框
        alert("hello world!!");
    </script>
复制代码
<script>
        //控制浏览器弹出一个警告框
        alert("hello world!!");
        document.write("可以在body中输出一个内容");
        console.log("向控制台输出一个内容");
    </script>
复制代码

JS写在body的标签里面
可以将js代码编写到标签的onclick属性中,当点击按钮时,js代码才会执行

<body>
    <button onclick="alert('登录成功!');">登录</button>
</body>

复制代码
<a href="'登录异常');">超链接</a>
复制代码

写在外部文件
通过标签引入

alert("写在外部文件的JS");
复制代码

script标签一旦引入外部文件,就不能再编写代码了,写了也会被浏览器忽略。
可以再写一个script标签,浏览器会从上到下执行。

字面量与变量
字面量
都是一些不可改变的值,比如1,2,3,4,5
alert=(123);

变量
在JS中使用var关键字来声明一个变量
var a = 123;

数据类型
String:字符串 var str = “hello”;
Number:数值 var a =123;
Boolean:布尔值 var bool =true;
Null:空值 var a =null;使用typeof null 的值 是object
Undefined:未定义
Object:对象

强制类型转化:
转化为string:

方法一:toString( )方法

var age = 17;
age = age.toString();
console.log(typeof age);
复制代码

注意:null和undefine这两值没有toString( )方法,如果调用他们的方法,就会报错。

方法二:String( )函数

var age = 17;
age = String(age);
console.log(typeof age);
复制代码

String函数可以将null和undefine强制转化类型

转换为Number:
方法一:使用Number()函数:

如果是纯数字的字符串,则直接转换为数字
如果字符串中有非数字内容,则转换为NaN
如果字符串是一个空字符串,或者是一个空格字符串,则转换为0
布尔转数字 true–>1 false–>0 null–>0 undefine –>NaN

var age = '123';
console.log(typeof age);
age = Number(age);
console.log(age);

'''
string
123
'''
复制代码

方法二:专门转化字符串
parseInt( )可以将一个字符串中有效的整数内容取出来,从左到右识别,一旦遇到非数字,就停止读取。第二个参数是表示进制。
parsaFloat()可以将字符串中有效的浮点数取出来。
对于非String使用上述函数,会先转化为String,再进行转化。

var age = '123px';
age = parseInt
console.log(typeof age);
复制代码

在JS中,0x开头为16进制,0开头为8进制,二进制为0b(不是所有的浏览器都支持);

标识符
在JS中所有的可以自主命名的都可以称为是标识符
例如:变量名,函数名,属性名都属于标识符,命名一个标识符需要遵守如下的规则:

标识符中可以含有字母、数字、下划线、$
标识符不能以数字开头
标识符不能是ES中的关键字或保留字
标识符一般都采用驼峰体
运算符
+:可以对两个值进行加法运算,并将结果返回
如果对两个字符串进行加法运算,会将两个字符串拼接为一个字符串,并返回。
任何的的值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串操作

自增自减:

var result = 5 && 6;
console.log(result);
var result = null && 0;
console.log(result);

'''
6
null
'''

复制代码

逻辑运算符
JS中提供了三种逻辑运算符

! 非
对非布尔值取反,会先将值转变为布尔值,再取反。

&& 与
JS中的“与”属于短路的”与”,如果第一个值为false,则不会看第二个值。

|| 或
JS中的“或”属于短路的”或”,如果第一个值为true,则不会看第二个值。

对于非布尔值进行与或运算,会先将其转换为布尔值,如何再运算,并且返回原值

与运算:如果两个值都为true,则会返回后面的值。
如果两个值中会false,则返回靠前的false

var result = 5 && 6;
console.log(result);
var result = null && 0;
console.log(result);

'''
6
null
'''

复制代码

或运算:如果第一个值为true,直接返回第一个值
如果第一个值为false,则返回第二个值。

var result = 11 || 0;
console.log(result);
var result = 0 || 123;
console.log(result);
'''
11
123
'''

复制代码
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享