javascript基本语法学习小结

JavaScript的基本语法学习总结

文章目录

1.什么是JavaScript?

 JavaScript是运行在浏览器上的脚本语言。简称JS。也就是可在HTML(5)中 进行直接编写的一门弱语言,个人认因为是其弱语言,在javascript中的代码灵活性更强,更易于编写,通俗易懂;
 JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的类似java的弱类型编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

java与javascript的区别:
javascript是动态类型语言,java是静态类型语言;
javascript是弱类型语言,java属于强类型语言;

javascript与HTML,CSS的区别:
HTML只是网页构成的根本,javascript它能给网页增加一些动态效果,特效,CSS就可以给网页增加一些视觉效果;

2.注意:

JavaScript代码在HTML中必须写在script 标签中,
打印 console控制台 log日志 相当于java中的SYSO

 console.log("HELLO WORLD")
 console.log('你好 世界')

控制台

console.log('你好 世界')

打印到网页中:

document.write("你好,世界");

定义整数变量 int i=1;
js中所有的变量全部使用var来定义
整数,小数叫做number
定义反引号类型的值在哪一个值中可直接用${定义的类型名 f}夹在字符中;

var i=10;//整数
 var f=1.234;//小数
 var s="1";//字符
 var s2='数字的值:'+f+"hello world";
 var s3=`发大水发生${f}激发事件发生`; //tab键位的上方
 var s4="a";

NaN 非数字即not a number:不是一个数字
Infinity 无穷大
转换 Integer.parseInt

console.log(1/0)
console.log(-Infinity)
console.log(parseInt("1.23"))
 console.log(parseFloat("1.23"))

在所有的编程语言中 基本小数的运算都不靠谱
例:答案为:0.39999999999999997

console.log(0.6-0.2)

boolean类型

var f1=true;
    var f2=false;
    console.log(f1||f2) //true
    console.log(f1&&f2) //false
    console.log(!f1) //false
    console.log(!!-1)

!!会将这类型变为boolean类型
//什么情况下会得到false
// 字符串: ""为false
// 数字: 0为false
// null 也为 false
// undefined 未定义 也为 false
// NaN 也为 false

短路:
即前面有一个为真就停止不往后进行执行

console.log(""||0) //0
    console.log(1||0) //1
    console.log("2"||"1"||1) //"2"
    console.log("2"&&"1"&&1) //"2"
    console.log("2"&&0&&1) //0

数组:
数组没有类型限制
数组可以读取任意下标的值
长度可以任意变化

定义对象
var stu={
“stu_no”:1,
“stu_name”:“小明”,
“stu_age”:38
}
//可以动态的增加属性
stu.stu_address=“xx” //给对象新增了地址属性
console.log(stu)

等于符号:
=赋值
==比较 无视类型
===比较 先比较类型,在比较值
NaN不能用等于判断 只能使用isNaN

 console.log(1=="1") //true
    console.log(1==="1") //false
    //NaN不能用等于判断  只能使用isNaN

parseInt(“字符串”):将字符串转换为整型数字
parseFloat(“字符串”) :将字符串转换为浮点型数字
isNaN() :用于检查其参数是否是非数字
alert(isNaN(“55”));

3.案例:

 var f6=prompt("请输入星期几")
    if(!isNaN(parseInt(f6))){
        switch (parseInt(f6)) { //"1"
            case 1:
                console.log("周一")
                break
            case 2:
                console.log("周二")
                break
            default:
                console.log("输入错误")
        }
    }

for循环


    for(var i=0;i<=10;i++){
        //在页面中进行html输出
        document.write("<font color='red'>哈哈哈</font><br>")
    }

while循环

while(true){
内容    
}

****弹框:****

 1. 确认框alert:显示带有提示信息和确定按钮的对话框
```javascript
<script type="text/javascript">
	var a=10;
	var b=20;
	alert("这是a+b的结果:"+(a+b));
	</script>

javascript基本语法学习小结

  1. 提示框confirm:显示一个带有提示信息、确定和取消的对话框,确认返回true,取消返回false
var s="你确定要这样吗?";
	confirm(s);

javascript基本语法学习小结

  1. 输入框prompt:显示可提示用户输入的对话框
var s="你确定要这样吗?";
	confirm(s);

javascript基本语法学习小结

javascript因为是其弱语言,所以在其代码编写中可在其一行代码后不加";"但下一语句一定要跨行,在其同一行语句中就需要使用空格或者分号进行隔断,以保证代码的可运行性;

4.ECMA标准:

即ECMAscript标准,是针对javascript制定的语言标准,目前市面上最新的版本是ES6
即ECMAD第六版;

上一篇:事件驱动组件Eventing


下一篇:javaScript高级笔记