JavaScript基础语法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript基础语法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2635字,纯文字阅读大概需要4分钟。
内容图文
![JavaScript基础语法](/upload/InfoBanner/zyjiaocheng/615/33da16a532fd4609a4c92e0844c62ee7.jpg)
JS(JavaScript)基础语法
注释
单行注释://
// JavaScript 单行注释
多行注释:/* */
/*
JavaScript
多行注释
*/
变量:通过var关键字声明,末尾需加一个分号,js中定义变量有两种方式
// 第一种:声明变量的同时进行赋值
var name='fer';
// 第二种:先声明 再赋值
var sex;
sex=nan;
// 同时给多个变量赋值
var a=10, b=20, c=30;
页面弹框(alert)&控制台输出(console.log())
// 页面弹框
var name="fer好靓仔!"
alert(name)
// 输出控制台
console.log(name)
数据类型:数值、字符串、数组、boolean、null、undfined
// 数值类型(整数与小数不做区分,统一定义为数值类型)
var num1=10;
var num2=10.99;
// 字符串类型
var name="fer";
// 数组类型:Array, 类似于python中的列表,也可以通过下标取值
var languageList = Array("html", "css", "JavaScript");
// 数组_属性 length:返回数值的元素数量
console.log(languageList.length)
// 数组_方法 push:往数组最后插入一个元素
languageList.push("python")
// 数组_方法 pop: 获取数组最后一个元素
languageList.pop()
// null:空类型 类似于python中的None
var a = null;
// undefined: 变量已声明未赋值
var b;
// boolean: true false python中是大写,js中是小写
var a = true;
var b = false;
运算符:和其它语言差不多,这里将不列出,参考一波W3cchool运算符
运算符只说明下 == 和 === 的区别
==:只判断内容是否相等,不校验数据类型,eg:数值99和字符串“99”也是返回true
===: 跟python中的==一样,不仅检验值,数据类型也会校验,eg: 数值99和字符串“99”则会返回false
switch语句
// switch 语句
var a = 10, b=20;
switch (b-a) {
// 判断b-a是否真(true),是则执行下面语句,否则进行下一个判断
case 5:
console.log("等于5")
// 与 python中的break一致,跳出不接着执行的意思
break;
case 9:
console.log("等于9")
break;
// 类似if判断中的else,上面条件都不成立时执行下面语句
default:
console.log("上面没有符合的结果!")
}
函数:关键字 function
// 函数定义,func是函数的名字,自己随意取,{}内的是函数体中的逻辑代码
function func() {
console.log("这是func函数")
}
// 调用函数
func();
// var1和var2是调用函数需要传入的变量
function add(var1, var2) {
console.log(var1 + var2)
// 函数返回值 return
return var1 - var2;
}
// 声明变量res接收函数
var res = add(100, 200)
// 将变量res输出到控制台
console.log(res)
对象:有点类似python里面的字典
创建对象,两种方式
----- 第一种方式:obj1 = new Object();
----- 第二种方式:var obj2{};
// 这里举例第二种创建方式的基本使用,ps第一种除了创建不一样,其余也是一样,这不分别列举了
var obj = {
name: "我是obj对象种的name属性哦~",
func: function () {
console.log("我是obj对象种的func函数呀呀呀!!!")
}
};
// 属性操作
// 将数值18赋值于属性age ps:原来有age属性就覆盖原有属性,没有的话直接创建一个新的属性age
obj.age = 18;
// 打印age属性
obj.age;
// 与上面效果一致,只是实现方式不一样而已
obj["gender"] = "man";
obj["gender"];
浏览器中F12里面console可操作js,上面也有操作,清空操作快捷键Ctrl+L
内容总结
以上是互联网集市为您收集整理的JavaScript基础语法全部内容,希望文章能够帮你解决JavaScript基础语法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。