JavaScript基本使用
基本使用
1.JavaScript组成
ECMAScript+BOM+DOM
BOM的思想(重点)
DOM的思想(重点)
2.使用<script></script>标签
document.write方法
原样输出标签
3.注释
单行注释 //
多行注释 /* */
4.使用引入js文件的方式
<script type="text/javascript" src="demo1.js" />; 不可以使用单标签
<script src="demo1.js">alert('xxxx')</script>; 不可以在标签中写代码
5.<script>标签的属性
src 表示要引入的外部文件
type 表示脚本语言的类型
6.常量(字面量)
相对于变量来说,常量是不会改变的,我们可以把JS中的数据值理解为常量,例如1就是数字1,不可能变成其它的,所以它就是常量 每一个具体的数据类型都是常量.
7.变量
顾名思义,变量即可变的量,在JS中我们使用var 关键词来定义一个变量,而变量存储的值可以改变的 值是可以改变的。
在ES6中定义变量使用的是let。
JS中变量本身没有什么意义,仅仅是一个名字而已变量只是一个无意义的名字,我们操作变量其实想要操作的都是它存储的那个值。值不可以变,变量只能代表一个值。
var age = 18;
var weight = 108;
var name = "尹涛";
//尹涛的年龄是18,体重是108 //多个变量跟字符串连接的时候,使用+号
document.write(name+"的年龄是"+age+",体重是"+weight+"<br>");
7.命名规则
一个名字可以由多个有意义的单词组成的,那么第一个单词首字母小写,其余每一个有意义的单词的首字母都要大写
切记:命名的时候要使用英语,千万不能使用拼音。还要注意一点,那就是不是所有的单词都需要简写,我们必须保证别人在看到你命名的名字之后知道是什么意思。要做到“见字知意”。

8.变量的类型
String、Number、Array、Object、
Boolean a==b
特殊类型 Null、Undefined
如果alert(abc)一个不存在的变量,会直接报错,而不是undefined,可见undefined和真正的未定义还是有些区别的。因为它是一种特殊类型。
null也是一种值,但逻辑含义是没有值,它是对象Object类型
typeof关键字
9.变量的计算
加减乘除运算
var a=5+4; var b=a*2; var c=b/4; var d=b-c;
var e=-d; var f=e%4; var g=18.4; var h=g%4;
var i=3; var j=i++; var k=++i;
字符串和变量的拼接
document.write("姓名:"+name+","+"age:"+age);
所有的语句切记要加;结束,虽然不写语法上正确,但这是非常不好的编程习惯
10.关键字
|
break |
else |
new |
var |
|
case |
finally |
return |
void |
|
catch |
for |
switch |
while |
|
continue |
function |
this |
with |
|
default |
if |
throw |
|
|
delete |
in |
try |
|
|
do |
instanceof |
typeof |
11.保留字
|
abstract |
enum |
int |
short |
|
boolean |
export |
interface |
static |
|
byte |
extends |
long |
super |
|
char |
final |
native |
synchronized |
|
class |
float |
package |
throws |
|
const |
goto |
private |
transient |
|
debugger |
implements |
protected |
volatile |
|
double |
import |
public |
12.类型的转换
var a=3; var b="10"; var c=true;
alert(a+b); alert(b+c); alert(a+c);
字符串转换数字类型:parseInt()、parseFloat()
四舍五入Math.round(78.266)--->78
13.赋值操作
n =、+=、-=、*=、/=、%=
14.关系运算
n <、>、<=、>=、==、===、!=
15.逻辑运算
n && 与、|| 或、! 否
16.自增、自减
n ++a, a++
n --a, a--
JavaScript基本使用的更多相关文章
- JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议
软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...
- javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈
Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...
- Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收
执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...
- 探究javascript对象和数组的异同,及函数变量缓存技巧
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
- 读书笔记:JavaScript DOM 编程艺术(第二版)
读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...
- 《Web 前端面试指南》1、JavaScript 闭包深入浅出
闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...
- JavaScript权威指南 - 函数
函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...
- JavaScript进阶之路(一)初学者的开始
一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...
- 梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画
CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...
随机推荐
- ffmpeg+nginx搭建直播服务器
Nginx与Nginx-rtmp-module搭建RTMP视频直播和点播服务器 https://zhuanlan.zhihu.com/p/28009037 FFmpeg总结(十三)用ffmpeg基于n ...
- PC通过netsh获取wifi密码
1.查看当前系统所有保存wifi的ssid netsh wlan show profiles 2.根据指定ssid查看wifi密码,密码就是关键内容 netsh wlan show profile n ...
- jeecg中获取用户拥有的角色的数据权限
String roles1=""; String sql=""; //1.获取用户 TSUser user = ResourceUtil.getSessionU ...
- 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_05-vuejs研究-vuejs基础-v-text指令
把js移到body 的下面 网速改慢一点 通过模拟网速慢的情况.刷新页面的时候会有闪烁的效果 速度快的情况下也会闪烁 ,只不过是不明显. 2.解决插值表达式闪烁问题,使用v-text v-text可以 ...
- 【Fiori系列】浅谈SAP Fiori的设计美感与发展历程
公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[Fiori系列]浅谈SAP Fiori的设计美 ...
- 如何做一个项目v2.ppt
链接:https://pan.baidu.com/s/159GQsYK9BcQad3h1CyVUYg 提取码:ivcj 复制这段内容后打开百度网盘手机App,操作更方便哦
- FFMPEG 常用命令行
目录 1. 分离音视频 2. 解复用 3. 视频转码 4. 视频封装 5. 视频剪切 6. 视频录制 7.叠加水印 8.将MP3转换为PCM数据 9. 推送RTP流.接收RTP流并存为ts文件 10. ...
- hadoop java VM 参数设置 默认native栈大小设置
问题总结: 程序栈太小,64位机器的栈大小默认比32位的大,将程序从64放到32中执行则报错,需要修改初始堆栈大小 (.so库中提供两个函数接口,一个里面使用的是尺寸较大的图像,另一个处理的图像很小, ...
- elasticsearch备份脚本
1.主要文件 [root@k8s elasticsearch]# tree . ├── backup_es.sh ├── indices_file.txt ├── recover_es.sh └── ...
- 修改profile导致bash不能用的补救方法
输入这条命令:export PATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/bin 由于shell命令基本都在/usr/bin,/usr/sbin,/bin ...