初始JS(基本组成,书写位置,变量以及基本数据类型与类型转换)

一.JavaScript的三大核心组成

JavaScript是一种轻量级语言,一种单线程的弱语言
BOM:Browser Object Model 浏览器对象模型 JS操作浏览器发生变化的属性和方法 DOM:Document Object Model 文档对象模型 JS操作文档流发生变化的属性和方法 ECMAScript(核心) JS的书写语法和书写规则 用ECMAScript的语法使用DOM和BOM,来实现网页的行为

二.JS的书写位置

三种书写位置:行内式 内嵌式 外链式

行内式:直接把代码书写在标签身上
分两种情况:
1. a标签
   书写在href属性上
    <a href="javascript: alert('hello world');">点我一下</a>
   
2. 非a标签
   书写在行为属性上
   <div onclick=" alert('hello world') ">点我一下</div>
   onclick:点击行为
    
内嵌式:书写在一个script标签对内
    内嵌式JS代码,不需要依赖任何行为,打开页面就会执行
    
外链式:书写在一个外部的.js文件中(推荐使用)
    html文件引入js文件时使用:
    <script src="js文件地址"></script>

三.JavaScript变量

var num=100;
var 定义了一个变量名num,并且给num赋值100

变量名的命名规则:
1.数字,字母,下划线,美元符等符号组成
2.一般采用驼峰命名法,第一个单词的首字母小写,其余单词首字母大写(如:enBuild)
3.不能使用关键字
4.严格区分大小写
5.普通变量首字母小写,常量全部大写(const定义)

四.JavaScript的数据类型

分为基本数据类型和引用数据类型,前期先学习基本数据类型

1.基本数据类型

数值类型:十进制数字,科学技术法的公式,其他进制表示方式的数字
字符串类型:一切以单引号和双引号包裹的内容,在JS中不区分单双引号
布尔类型:true false
空类型:null:表示有值,有一个空值
    
undefined:表示没有值 (null的派生)
检测数据类型:关键字typeof
语法:typeof 要检测的变量
结果:该变量存储的数据的数据类型
console.log(typeof number1);

数据类型的转换

1.转数值类型

1. Number(); 语法:Number(要转换的内容)
    结果:转换好数值类型的结果
    如果之前的数值不是数字,转换后会显示NaN(Not a Number)
    
2. parseInt(); 语法:parseInt(要转换的内容)
    结果:转换好数值类型的结果
    如果之前的数值里包含了数字和字母,则会只保存数字,不转换字母,
转换过程中是一个一个数字或字母解析,但只能解析到整数部分,不能解析小数 3. parseFloat(); 语法:parseFloat(要转换的内容) 结果:转换好数值类型的结果 如果之前的数值里包含了数字和字母,则会只保存数字,不转换字母,
转换过程中是一个一个数字或字母解析,可以解析到小数部分 4. bool类型转为Number类型:true:1; false:0 5. undefined转为Number类型时会显示为NaN; null转为number类型会显示0

2.转字符串类型

1. String();  语法:String(要转换的内容)
    结果:转换好字符串类型的结果
    
2. toString(); 语法:要转换的内容.toString()
    结果:转换好字符串类型的结果
   //将对应number类型转为string类型
   var str1 = number1.toString()

3.转布尔类型

Boolean(); 语法:要转换的内容.Boolean()
    结果:转换好布尔类型的结果
    
会转换成false的五种数值:0,NaN,‘’(空字符串),undefined,null
posted @ 2022-07-25 20:47  啊呀阿鱼呀  阅读(56)  评论(0)    收藏  举报