Java教程

前端基础之JavaScript

本文主要是介绍前端基础之JavaScript，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

目录
  • JavaScript简介
    • JavaScript与Java的关系
    • JavaScript简称
    • JS的缺陷
    • JavaScript与ECMAScript
    • 常用版本
  • 变量与注释
    • 注释语法
    • 结束符号
    • 变量声明
    • 常量声明
  • 数据类型
    • 数值类型
    • 字符类型
    • 布尔类型
    • 对象
      • 数组

JavaScript简介

JavaScript与Java的关系

JavaScript与Java之间没有关系，之所以取名javascript主要是蹭当时Java的热度

JavaScript简称

JavaScript简称JS，也是一门前端的编程语言。前端由于非常受制于后端,所以有一些人异想天开想要通过js来编写后端代码一统江湖，由此开发了一个叫nodejs的工具：支持js跑在后端服务器上。

JS的缺陷

JS最初由一个程序员花了七天时间开发的里面存在很多bug,为了解决这些bug一直在编写相应的补丁，结果补丁本身又有bug。最后导致了js中有很多不符合逻辑的地方。

JavaScript与ECMAScript

JavaScript原先由一家公司开发，希望其他公司都使用，最后为了避免商标问题改名

常用版本

ECMA5
ECMA6

变量与注释

注释语法

// 单行注释
/多行注释/

结束符号

；分号结束
例如:
console.log('hello world');

变量声明

在js中定义变量需要使用关键字声明

  1. var
    var name = 'jeyce'
  2. let
    let name = 'jeyce'
    var声明都是全局变量，let可声明局部变量

常量声明

const pi = 3.141592653

数据类型

数值类型

Number
NaN:属于数值类型 意思是'不是一个数字'(not a number)
parseInt('abc') 不报错返回NaN
parseFloat('abc') 不报错返回NaN

字符类型

String
默认只能是单引号和双引号
var name1 = 'jeyce'
var name2 = "jeyce"
格式化字符串小顿号
var name3 = jeyce

方法 说明
.length 返回长度
.trim() 移除空白
.trimLeft() 移除左边的空白
.trimRight() 移除右边的空白
.charAt(n) 返回第n个字符
.concat(value, ...) 拼接
.indexOf(substring, start) 子序列位置
.substring(from, to) 根据索引获取子序列
.slice(start, end) 切片
.toLowerCase() 小写
.toUpperCase() 大写
.split(delimiter, limit) 分割

布尔类型

Boolean
js中布尔值是全小写
true false
布尔值为false的 0 空字符串 null undefined NaN
python中布尔值时首字母大写
True False
布尔值为False的 0 None 空字符串 空列表 空字典...

对象

相当于python中的列表、字典、对象

数组

常用方法

方法 说明
.length 数组的大小
.push(ele) 尾部追加元素
.pop() 获取尾部的元素
.unshift(ele) 头部插入元素
.shift() 头部移除元素
.slice(start, end) 切片
.reverse() 反转
.join(seq) 将数组元素连接成字符串
.concat(val, ...) 连接数组
.sort() 排序
.forEach() 将数组的每个元素传递给回调函数
.splice() 删除元素，并向数组添加新元素。
.map() 返回一个数组元素调用函数处理后的值的新数组
这篇关于前端基础之JavaScript的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航