JavaScript

本文深入浅出地介绍了JavaScript的基本组成,包括ECMAScript语法、DOM和BOM操作,讲解了变量定义、数据类型、输入输出语句,以及如何在HTML标签、script标签和外部js文件中使用。重点突出了alert、console.log和prompt的用法,以及变量命名规则和数据类型转换技巧。

JavaScript的概述:

1.组成 三部分组成

ecmaScript 基础语法(es5)

dom document object model 文档对象模型 (操作html文档内容)

bom borswer object model 浏览器对象模型 (操作浏览器相关内容)

JavaScript书写位置:

1.书写在标签中:<a href="javascript:alert('hello')"></a>

2.书写在script标签中:

<script>
  console.log('hello world');
</script>

3.书写在js文件中:<script src="js/demo.js"></script>

4.注释:

// 1.单横注释  ctrl + /

/*2.多行注释*/   shift +alt + a  

vscode 中修改多行注释 的快捷键  ctrl+shfit+a

JavaScript 输入输出语句

alert()——浏览器弹出警示框

console.log()——浏览器控制台打印输出信息

prompt()——浏览器弹出输入框,用户可以输入

变量定义—变量就是用来存储数据的容器

使用var关键词 (js是弱类型语言):

var 变量名 = 值

var 变量名=值,变量名2=值2,变量名3=值3

多个变量的综合写法:
var myname = '卡卡西',
    address = '火影村',
    gz = 2000; 

中间用英文逗号隔开

变量名命名规则

1.不允许数字开头

2.不允许特殊字符 (可以使用 _ 和 $)

3.不允许保留字和关键词(static if...)

4.建议使用驼峰命名法(myUserName) 变量名区分大小写

5.建议使用语义化(param ... )

6.严格区分大小写

数据类型—(js的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的)

1.number类型 (整数和浮点数)

2.String 类型 (单引号 双引号 都是字符串)

3.Boolean 布尔类型 (true false)

4.null 类型 (null值)

5.undefined 类型(未定义 没有给值就是undefined 是null派生的子类 null==undefined):

console.log(undefined == null);  //true
var b ,car = null;   console.log(typeof b== typeof car); //false

特殊类型

object (数组 date日期 不同数据结构)

检索数据类型的方法

typeof

var str = 'hello'
console.log(typeOf str) //String

数值类型转换

1.Number

console.log(Number(18.88));

字符串转换

// toString方法
console.log(typeof d.toString());

// String方法
console.log(String(num));

//拼接字符串方法
console.log(num + '') 隐式转换
 

字符串转依字符 都是用\开头 但是这些字符要写到引号里面:
转义符
1.\n——换行符,n是newline的意思
2.\\ ——斜杠\
3.\' ——’单引号
4.\"—— "双引号
5.\t——tab缩进
6.\b——空格,b是blank的意思

+号口诀: 数值相加,字符相连

布尔类型转换 Boolean

//string非空则为true number非0则为true 非NaN object 非null  undefined false
var a = -10;
var b = Boolean(a);//将字符串转换布尔类型
console.log(typeof b);

●代表空、否定的值会被转换为false ,如""、0、NaN、null、undefined
console.log(Boolean ( " " )) ;  //false
console.log(Boolean(O));   //false
console.log(Boolean (NaN) );   //false
console.log(Boolean (null)) ;   //false
console.log(Boolean (undefined) );  //false

●其余值都会被转换为true

判断是否为NaN(结果未定义)

console.log(isNaN(0/0));//true
console.log(isNaN('12.a'));//true
console.log(isNaN('12.8'));//false

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值