JavaScript基础 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 技术分享 >

JavaScript基础

发表时间:2020-10-17

发布人:葵宇科技

浏览次数:32

文章目录

  • 概述
  • 基础语法
  • 变量与数据类型
  • 数据类型转换
  • 运算符
  • forin
  • 函数


概述

JavaScript与Java没有什么关系,JavaScript是嵌入HTML执行的脚本语言,它是解释型语言
JS是弱类型基于对象的,它对变量的定义没有C和Java严格,类似Python


基础语法

JavaScript没有打印或者输出的函数,如果要显示数据可以通过以下的语句来实现
window.alert()弹出windows警告框
document.write()将内容写到HTML文档之中
innerHTML写入到HTML元素(通常需要配合获取HTML元素的方法使用)
console.log()写入到浏览器的控制台

<script></script>JS嵌入到HTML中,如果某段脚本有语法错误,只是这段脚本会报错,对于
其他的脚本不会有影响,并且网页也可以正常显示


变量与数据类型

var(可加可不加) 变量名 = 初始化数值;JS变量声明弱类型,传入的数值不同数据类型会相应改变

JS里的基本数据类型有:

  • String字符串
  • Number数字
  • Boolean布尔类型
  • Null空
  • Undefined未定义
  • Symbol独一无二的值

JS里的引用数据类型有:

  • Object对象
  • Array数组
  • Function函数

typeof关键字:获取一个变量的类型
对于引用数据类型,往往还需要instance of关键字


数据类型转换

 String(100 + 23) // 返回 "123"
 String(true) // 返回 "true"
 String(new Date())// 返回 "Tue May 14 2019 11:06:28 GMT+0800 (中国标准时间)"
 String([10,20]) // 返回 "10,20"
 String(null) // 返回 "null"
原始值 转换为数字 转换为字符串 转换为布尔值
false 0 "false" false
true 1 "true" true
0"0" 0 "0" false
1"1" 1 "1" true
"000" 0 "000" true
NaN NaN "NaN" false
"" 0 "" false
"字串" NaN "字串" true
[ ] 0 "" true
[10,20,30] NaN "10,20,30" true
function(){} NaN "function(){}" true
{ } NaN "[object Object]" true
null 0 "null" false
undefined NaN "undefined" false
常?类型转换:
 Number("3.14") // 返回 3.14
 Number("3.14abc") // 返回 NaN
 parseFloat("3.14")//返回 3.14
 parseFloat("3.14abc")//返回 3.14
 parseFloat("b3.14abc")//返回 NaN
 parseInt("3.14") //返回 3
 parseInt("3.14abc")//返回 3
 parseInt("b3.14abc")//返回 NaN

在这里插入图片描述


运算符

跟其他语言相差不多,主要注意JS里的==比较的是值,而Java里比较的是内存地址
还有===是比较值,并且比较类型,!==也是比较值同时比较类型,其中一个不相等则不等


forin

类似Java里的forEach,不过JS里的用法似乎更灵活

var ob = {"name":"张三","age":22,"sex":"男"};
//遍历对象ob中的每个属性
for(key in ob){
 //输出属性和对应的属性值
 console.log(key+":"+ob[key]);
}

函数

函数的定义,第一种定义方式:

function 函数名([参数列表..]{
 函数体。。。
 [return 返回值;]
}

第二种定义方式:

var 函数名 = new Function(“参数1”,”参数2”,”参数3”……”函数体”);

第三种定义方式:

var 函数名 = function(参数1,参数2,…){函数体};

相关案例查看更多