文档详情

Web前端开发(HTML5+CSS3+JavaScript) 课件 第9章 JavaScript基础(1).pptx

发布:2024-12-11约4千字共29页下载文档
文本预览下载声明

Web前端基础技术;;1.JavaScript概述;1;3;;二、.数据类型;使用单引号或双引号括起来任何字符序列,如:

我在学习JavaScript

我在学习JavaScript;1.未声明的变量,或者未赋值的变量;

2.对象中不存在的属性;?varbook={

??id:1,

??bookName:三国演义,

??price:12.8,

?};

console.log(book)

console.log(book.id,book.bookName,book.price);定义函数的目的是为了共享代码,实现代码复用,其类型名为Function。

定义函数的语法为:;数组是特殊的对象,可以使用newArray()方式创建数组,但更简单的方式是使用中括号[]定义数组,例如:;?示例:定义一个books数组,保存多本书的信息;script

//1.输出不同进制的数字

console.log(25,|,0b1101,|,0o16,|,0x1a);//结果:25|13|14|26

//2.字符串类型string

//使用单引号或双引号括起来的任意字符

console.log(他说:你好!);

console.log(他说:你好!);

console.log(他说:你好!);

//3.布尔类型boolean

console.log(true,false);

//4.null值,用于函数的返回值,表示不存在

//5.undefined类型,表示变量未声明,或者声明了没有赋值;对象的属性不存在,则取他们的类型时为undefined

vary;//任何类型的变量,都使用var进行声明

console.log(y,typeofy,typeofz);//结果为undefined

//6.对象类型

varobj=newObject();

obj.name=zs;

obj.age=20;

console.log(obj);

//JSON-JavaScriptObjectNotationJavaScipt对象表示法

varstudent={name:zs,age:18};

console.log(student.name,student.age);

;三、变量的声明和使用;(2)类型转换:1.字符串?数字:Number/parseInt/parseFloat;(2)类型转换:2.数字-字符串,使用函数toString(),或使用连接符+””(空字符串);使用isNaN函数可以判断一个变量是否是非数字,结果为true时表示非数字,不能使用Number函数转换为数字,例如:;??//1.字符串转换为数值

??varx1=100

??varx2=100.98.10

??varx3=100.98abc

??//Number(纯数字字符串)-数值类型;非数字字符串==NaN

??console.log(Number(x1),Number(x2),Number(x3))

??//null和空字符串==转换为0?;但undefined转换为NaN

??console.log(Number(null),Number(),Number(undefined))

??//parseInt(数字字符串)取字符串整数部分(不会四舍五入)

??console.log(parseInt(x1),parseInt(x2),parseInt(x3))

??//parseFloat(数字字符串)去字符串小数部分(不会四舍五入)

??console.log(parseFloat(x1),parseFloat(x2),parseFloat(x3))

??//2.toString()任意类型转换为字符串

??varx=100

??console.log(x+)

??console.log(x.toString(2),x.toString(8),x.toString(16));?//3.数字转换为Boolean类型

??//非0为true,0为false

??console.log(Boolean(10),Boolean(-10),Boolean(0))

??//null、空字符串和undefined、NaN均为false

??console.log(Boolean(null),Boolean(),Boolean(undefined),Bool

显示全部
相似文档