初始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(要转换的内容)
    结果:转换好数值类型的结果
    如果之前的数值不是数字,转换后会显示NaNNot a Number2. parseInt(); 语法:parseInt(要转换的内容)
    结果:转换好数值类型的结果
    如果之前的数值里包含了数字和字母,则会只保存数字,不转换字母,
    转换过程中是一个一个数字或字母解析,但只能解析到整数部分,不能解析小数
    
3. parseFloat(); 语法:parseFloat(要转换的内容)
    结果:转换好数值类型的结果
    如果之前的数值里包含了数字和字母,则会只保存数字,不转换字母,
    转换过程中是一个一个数字或字母解析,可以解析到小数部分
    
4. bool类型转为Number类型:true1;   false0

5. undefined转为Number类型时会显示为NaN; 
   null转为number类型会显示0

2.转字符串类型

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

3.转布尔类型

Boolean(); 语法:要转换的内容.Boolean()
    结果:转换好布尔类型的结果
    
会转换成false的五种数值:0NaN,‘’(空字符串),undefinednull
posted @   啊呀阿鱼呀  阅读(50)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
点击右上角即可分享
微信分享提示