JavaScript基础(1)

目录

JavaScript简介

输出语句

JS编写位置

JS基本语法

字面量和变量

标识符

数据类型

字符串

Number

布尔值

Null和Undefined

强制类型转换

转换为String

转换为Number

转换为Boolean

其他进制的数字

运算符

算数运算符

一元运算符

自增和自减

逻辑运算符

赋值运算符

关系运算符

相等运算符

条件运算符

运算符的优先级

Unicode编码


JavaScript简介

一个完整的JavaScript实现包含了三个部分:ECMAScript、DOM和BOM

JS的特点:

        -解释型语言

        -类似于C和Java的语法结构

        -动态语言

        -基于原型的面向对象

输出语句

<script>
    alert("xxx");
</script>

控制浏览器弹出一个警告框

<script>
    document.write("xxx");
</script>

让计算机在body中输出一个内容

<script>
    console.log("xxx");
</script>

向控制台输出一个内容

JS编写位置

1.可以将我们js代码编写到标签的onclick属性中。当我们点击按钮时,js代码才会执行

<button onclick="alert('xxx');">按钮</button>

2.可以将将js代码写在超链接的href属性中。当点击超链接时,会执行js代码

<a href="javascript:alert('xxx');">超链接</a>

虽然可以写在标签的属性中,但是属于结构和行为耦合,不方便维护。

3.可以将js代码写在script标签

<script> </script>

4.可以将js代码编写到外部js文件中,然后通过script标签引入 

<script type="text/javascript" src="xxx.js"> </script>

写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制

script标签一旦用于外部文件了,就不能再编写代码了。即使编写了浏览器也会忽略。如果需要可以再创建一个新的script标签用于编写内部代码。

JS基本语法

1.js中区分大小写

2.js每一条语句用;结尾

3.js中会忽略多个空格和换行,所以可以利用空格和换行进行格式化

字面量和变量

字面量,都是一些不可改变的值。字面量都是可以直接使用,但我们一般不会直接使用字面量。

变量,可以用来保存字面量,而且变量的值是可以任意改变的。在js中使用var关键字来声明一个变量。

标识符

在js中所有可以由我们自主命名的都可以称为标识符。例如:变量名、函数名、属性名。

命名一个标识符需要遵守以下规则:

1.标识符中可以含有字母、数字、_、$

2.标识符不能以数字开头

3.标识符不能是JS中的关键字或保留字

数据类型

数据类型指的是字面量的类型。

在JS中一共有六种数据类型

        String        字符串

        Number        数值

        Boolean        布尔

        Null             空

        Undefined    未定义

        Object          对象

其中String、Number、Boolean、Null、Undefined属于基本数据类型,而Object属于引用类型

字符串

String字符串,在js中字符串需要用引号引起来,使用双引号或单引号都可以,但是引号不能嵌套。

var str="xxx";

Number

在js中所有的数值都是Number类型,包括整数和浮点数。

如果使用Number表示的数字超过了最大值,则会返回一个Infinity表示正无穷。

NaN是一个特殊的数字,表示Not a Number。

如果使用js进行浮点数计算,可能得到一个不精确的数字。

布尔值

布尔值分为turefalse

Null和Undefined

null专门用来表示一个空的对象,null的类型是object

当声明一个变量,但是并不给它赋值时,它的值就是undefined。

强制类型转换

指将一个数据类型强制转换为其他的数据类型。

转换为String

方式一:

        -调用被转换数据类型的toString()方法

        -该方法不会影响到原变量,它只会将转换的结果返回

        -null和undefined这两个值没有toString()方法,如果调用会报错

方式二:

        -调用String()函数,并将转换的数据作为参数传递个函数

        -使用String()函数做强制类型转换时,null和undefined可以转换为"null"和"undefined"

转换为Number

方式一:

        -调用Number()函数

        -如果是纯数字的字符串,则直接将其转换为数字

        -如果字符串中有非数字内容,则转换为NaN

        -如果字符串中是一个空串或者全是空格的字符串,则转换为0

        -如果为布尔类型,则true=1,false=0

        -如果Null类型,则为0

        -如果Undefined类型,则为NaN

方式二:

        -这种方式专门用来对付字符串

        -parsetInt() 把一个字符串转换为一个整数

                -parseInt()可以将一个字符串中的有效的整数内容取出来,然后转换为Number

        -parseFloat() 把一个字符串转换为一个浮点数

                -parseFloat()作用和parseInt()类似,不同的是它可以获得有效的小数

如果对非String使用parsetInt()或parseFloat(),它会先将其转换为String,然后再操作。

转换为Boolean

方式一:

        -调用Boolean函数

        -数字 ---> 布尔

                -除了0和NaN,其余的都是true

        -字符串 ---> 布尔

                -除了空串,其余都是true

        -null和undefined都是false

        -对象也会转换为true

方式二:

        -为任意的数据类型做两次非运算

其他进制的数字

在js中,如果需要表示16进制数字,则要以0x开头

                如果需要8进制数字,则以0开头

                如果需要2进制数字,则以0b开头,但有些浏览器不支持

像“070”这样的字符串,有些浏览器会当成8进制解析,有些会当成10进制解析。可以在parseInt()中传递一个第二个参数,来指定数字的进制。

运算符

运算符也叫操作符,通过运算符可以对一个或多个值进行运算。比如:typeof

算数运算符

+        -        *        /        %

当对非Number类型的值进行计算时,会将这些值转换为Number然后在运算(除了+)

任何值和NaN做运算都得NaN

+

可以将两个字符串进行连接,并返回。

任何值和字符串做加法运算,都会先转换为字符串,然后再和字符串做拼串操作。我们可以利用这一点来将任意一个类型转换为String,实际上还是调用了String()函数。

-        *        /

任何做- * /运算时都会自动转换为Number,我们可以利用这一点做隐式的类型转换,原理和Number()函数一样。

一元运算符

一元运算符,只需要一个操作数

+        正号

      负号(对于非Number类型的值,会先将其转换为Number,然后再运算)

可以对一个其他的数据类型使用+,来将其转换为Number,原理和Number()一样

自增和自减

自增分为两种:前++和后++

前++:先加后使用        后++:先使用后加

自减同理

逻辑运算符

js中为我们提供三种逻辑运算符:!        &&        ||

!非

        -可以用来对一个值进行非运算

        -如果对非布尔值进行非运算,则会将其转换为布尔值,然后再取反(可以利用这点,来将一个其他的数据类型转换为布尔值)

&& 与

        -可以对两侧的值进行与运算并返回结果

|| 或

        -可以对两侧的值进行或运算并返回结果

&& ||非布尔值的情况

        -对于非布尔值,会先将其转换为布尔值,然后再运算,并且返回原值

赋值运算符

=        将右值赋值给左侧的变量

+=        将右值加上左值并返回给左值

-=        *=        /=        %=

作用与“+=”同理

关系运算符

通过关系运算可以比较两个值之间的大小关系。如果关系成立返回true,否则为false

关系元素符有:>        <        >=        <=  

任何值与NaN做任何比较都是false 

非数值情况:

        -对于非数值进行比较,会将其转换为数字然后再进行比较

        -如果两侧都是字符串,不会将其转换为数字进行比较,而会比较字符串中字符的Unicode

        -比较字符编码是一位一位进行比较。如果两位一样,则比较下一位

        -如果比较的两个字符串的数字,可能会得到不可预期的结果(因此,在比较时一定要型)   

相等运算符

==        判断两值是否相等

当使用==来比较两值时,如果值的类型不同,则会自动进行类型转换,将其转换为相同的类型

undefined衍生自null,所以这两个值做相等判断时,会返回true

NaN不和任何值相等,包括它本身

若要判断一个值是否为NaN,可以通过isNaN()函数来判断。

!=        判断两值是否不相等(规则和==同理)

===        全等

        -用来判断两个值是否全等,和相等类似,但它不会自动进行类型转换

!==        不全等

        -用来判断两个值是否不全等,和不等类似,同样不会自动进行类型转换

条件运算符

条件运算符也叫三元运算符

语法:

        条件表达式?语句1:语句2;

如果条件表达式的求值结果是一个非布尔值,会将其转换为布尔值再运算

运算符的优先级

Unicode编码

在字符串中使用转义字符输入Unicode编码

js中使用Unicode编码:\u四位编码

网页中使用Unicode编码:&#编码;(此处编码需要的是10进制)

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值