javascript入门总结(个人学习)---第一部分:简单了解、基础语法、简单了解条件语句和循环语句

一、简单了解

Java和JavaScript是没有什么关系的,不过当时Java非常流行,为了蹭热度,才将原名LiveScript更名为JavaScript

JavaScript的组成(学习的内容)在这里插入图片描述
1、js特点

  • 解释型语言
  • 动态语言,所谓的动态语言可以理解为在语言中的一切内容都是不确定的。
  • Js的语法结构和Java很像,for、if、while等语句和Java的基本上是一模一样的。
  • 基于原型的面向对象
  • 严格区分大小写(java也是)

2、js在html使用是创建script标签/src引用

<script>
	alert("你好")
</script>

src = “引用文件”

<script src="myJava/js.js"></script>

3、输出
浏览器输出

console.log("输出内容")
console.warn("输出警告");
console.error("输出错误");

4、js注释
单行注释:// 注释内容
多行注释:/* 注释内容 */

二、基础语法

1、标识符
标识符,就是给变量、函数、属性或函数的参数命名。
按照下列格式规则命名:

  • 第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ )
  • 其它字符可以是字母、下划线、美元符号或数字
  • 驼峰命名法
  • 标识符不能是关键字和保留字符
<script>
var textVar = 10;
</script>
2、数据类型

2.1基本数据类型

  • 字符串型(String)
    String用于表示一个字符序列,即字符串。字符串需要使用 单引号 或 双引号 括起来。
    在这里插入图片描述

  • 数值型(Number)
    Number 类型用来表示整数和浮点数,最常用的功能就是用来表示10进制的整数和浮点数。
    Number表示的数字大小是有限的,如果超过了这个范围,则会返回 ±Infinity。

  • 布尔型(Boolean)
    布尔型也被称为逻辑值类型或者真假值类型,true/false

  • undefined型(Undefined)
    Undefined 类型只有一个值,即特殊的 undefined。
    在使用 var 声明变量但未对其加以初始化时,这个变量的值就是 undefined(未定义)

  • null型(Null)
    Null 类型是第二个只有一个值的数据类型,这个特殊的值是 null。(空)
    undefined值实际上是由null值衍生出来的,所以如果比较undefined和null是否相等,会返回true。

<script>
var i = 10;
var a = 20;
console.log(i == a);
var v;
console.log(v);
console.log(null)
</script>

在这里插入图片描述

2.2typeof运算符
typeof运算符可以检查一个变量的数据类型:typeof 数据

<script>
console.log(typeof 111);
console.log(typeof 'luo');
console.log(typeof true);
console.log(typeof undefined);
console.log(typeof null);
</script>

在这里插入图片描述

3、强制类型转换
  • 转换为String类型

1、调用被转换数据类型的toString()方法,该方法不会影响到原变量,它会将转换的结果返回,但是注意:null和undefined这两个值没有toString()方法,如果调用它们的方法,会报错。

数据 = 数据.toString()
<script>
var i = 10;
i = i.toString();
</script>

2、调用String()函数,并将被转换的数据作为参数传递给函数,使用String()函数做强制类型转换时,对于Number和Boolean实际上就是调用的toString()方法,但是对于null和undefined,就不会调用toString()方法,它会将 null 直接转换为 “null”,将 undefined 直接转换为 “undefined”。

数据 = String(数据)
<script>
var a = 222;
a = String(a);
</script>

3、为任意的数据类型 +" "

<script>
var s = 111;
s = s +" "
</script>

结果:
在这里插入图片描述

  • 转换为Number类型

1、使用Number()函数
注意点:
如果是纯数字的字符串,则直接将其转换为数字
如果字符串中有非数字的内容,则转换为NaN
如果字符串是一个空串或者是一个全是空格的字符串,则转换为0
true 转成 1
false、null和undefined转成 0

<script>
var ner = 'luo'
ner = Number(ner)
</script>

2、使用parseInt()
这种方式专门对付字符串

<script>
var a = "123";
a = parseInt(a);
</script>

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

var a = "123.456";
a = parseFloat(a);
  • 转换为Boolean类型
    1、用Boolean()函数
    注意点:
    除了0和NaN,其余的都是true
    除了空串,其余的都是true
    null和undefined都会转换为false
    对象也会转换为true
4、算术关系赋值逻辑运算符

和java区别不大

5、条件语句和循环语句

和java区别不大

  • 1、if、if···else条件
if(布尔条件/其他代码){
		···逻辑代码
}
if(布尔条件/其他代码){
		···逻辑代码
}else{
		···逻辑代码
}

2、switch···case条件

switch (语句) {
    case 表达式1:
        ···逻辑代码
    case 表达式2:
        ···逻辑代码
    default:
        ···逻辑代码
}

3、for循环

for(初始化表达式 ; 条件表达式 ; 更新表达式){
    ···逻辑代码
}

5、while循环

while(条件表达式){
    ···逻辑代码
}

6、do…while循环

do{
    ···逻辑代码
}while(条件表达式);

7、for···for循环

for(初始化表达式 ; 条件表达式 ; 更新表达式){
	for(初始化表达式 ; 条件表达式 ; 更新表达式){
		···逻辑代码
	}
}

8、等等···

break:结束最近的一次循环,可以在循环和switch语句中使用。
continue:结束本次循环,执行下一次循环,只能在循环中使用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值