javascipt入门
一、javascript简介
javascript:(基于对象的编程语言:内部很多对象,我们只需要使用即可,几乎不需要自己创建对象)
ECMAScript
DOM
BOM
存放位置:
建议代码放到html中body的最后位置
引入方式:
1、 <script> 这里直接写代码 </script>
2、写到文件中通过 <script src="js-01.js"></script> 的方式引入
二、语法
声明变量:
var x = 1;var y = 2;
var x= 1,y=2; 不使用var 申明变量就是一个全局的变量 只能是字母,下划线,$符 三选一开头 ,区分大小写 建议使用命名规范: 数据类型小写简写+驼峰写法
eg: var sName="fxh"; var iNum=100; console.log(x) # 输出变量。 浏览器--> 检查--> Console
document.write(x) # 页面上输出变量
标识代码块:{ }
{
var x = 1;var y = 2;
var x= 1,y=2;
}
注释:
// var sName="注释"
/* document.write("这是注释") */
函数:
<script>
function sayHello() {
var sHelloStr="你好";
document.write(sHelloStr);
}
sayHello();
</script>
三、数据类型
堆内存:
基本数据类型:
Number,string 。。。
栈内存:
引用数据类型:
object
堆内存的地址指向栈内存的对象
五种基本数据类型:
1、Number
整数,浮点数
NaN 当字符串转换为数字失败时就是NaN
NaN出现在表达式中一顶结构为false,除了 !=
2、String
都是unicode
3、Booolean
true , false
4、Null
null占用一个对象的位置
5、Undefined
声明了变量但是未为其赋值
typeof() #查看类型
四、数据类型转换
parseInt("3.14b") #3.14
parseInt("a3.14b") #NaN 当字符串转换为数字失败时就是NaN
五、运算符
自加自减:
x++ # x=x+1 先赋值后运算
++x # x=x+1 先运算后赋值
一元加减法:
var a="3"
b=+a
document.write(b);
document.write(typeof(b)); #字符串转换为数字
逻辑运算符:
== != > <
&& || !
and or
& 按位与
赋值运算符:
和python的一样
六、控制语句
if语句:
if (表达式){
语句1;
语句2;
}else if ( 表达式 ) {
语句;
}else {
语句;
}
switch语句:
switch(n) {
case 1:
xx;
break;
case 2:
yy;
break;
default:
xy;
}
for 循环:
#for ( 初始化,条件,递增)
var a = [1,"haha",true]
for ( var i in a) {
console.log(i);
console.log(a[i]);
}
# 和python中不一样,i变成了下标
for(var i=1;i<10;i=i+1){
console.log(i);
}
while循环:
while (条件) {
语句1;
语句2;
}
异常处理:
try(){
//
}
catch(e){
//
}
finally{
// 最后无论如何也会直线
}
七、函数
function func1(){
alert(123);
return 100
}
var ret=func1()
alert(ret)
var func2()= new Function("参数1","参数2","函数体")
函数的arguments对象:
var ret=0
function add(){
console.log(arguments.length);
console.log(arguments) ; # arguments 是一个传入参数的列表
for (var i in arguments){
ret += arguments[i]
}
return ret;
}
alert(add(1,2,3))
javascipt入门的更多相关文章
- WebGL开发入门
Getting started with WebGL development WebGL开发入门 What is Unity WebGL? 什么是Unity WebGL? The WebGL b ...
- React Native新手入门
前言 React Native是最近非常火的一个话题,想要学习如何使用它,首先就要知道它是什么. 好像面对一个新手全面介绍它的文章还不多,我就归纳一下所有的资料和刚入门的小伙伴一起来认识它~ 将从以下 ...
- [转帖]H5 手机 App 开发入门:技术篇
H5 手机 App 开发入门:技术篇 http://www.ruanyifeng.com/blog/2019/12/mobile-app-technology-stack.html 阮一峰老师的文 ...
- Node js 入门指南(1)
目录 Node Js 定义 特点 Node使用方式 Tip: 使用导出文件的注意事项 Node 内置模块 http 模块 定义 使用方法 fs 模块 定义 使用方法 读取文件方式 同步读取 异步读取 ...
- Angular2入门系列教程7-HTTP(一)-使用Angular2自带的http进行网络请求
上一篇:Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数 感觉这篇不是很好写,因为涉及到网络请求,如果采用真实的网络请求,这个例子大家拿到手估计还要自己写一个web ...
- ABP入门系列(1)——学习Abp框架之实操演练
作为.Net工地搬砖长工一名,一直致力于挖坑(Bug)填坑(Debug),但技术却不见长进.也曾热情于新技术的学习,憧憬过成为技术大拿.从前端到后端,从bootstrap到javascript,从py ...
- Oracle分析函数入门
一.Oracle分析函数入门 分析函数是什么?分析函数是Oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组然后计算基于组的某种统计值,并且每一组的每一行都可以返回一个统计 ...
- Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数
上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数 之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们 ...
- Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数
上一篇:Angular2入门系列教程-服务 上一篇文章我们将Angular2的数据服务分离出来,学习了Angular2的依赖注入,这篇文章我们将要学习Angualr2的路由 为了编写样式方便,我们这篇 ...
随机推荐
- WIN7把任务栏的的蓝牙图标误删了找回方法
当时我删了以后,在网上找方法,都说—— 点击任务栏下面的三角箭头,选择自定义,里面有蓝牙图标选项,选择显示图标和通知. 可是我发现我的自定义选项里面就没有蓝牙图标选项啊... 故事的最后,我终于找到了 ...
- child和childNodes的区别
child和childNodes区别: childNodes是标准属性, child是非标准属性 childNodes: 获取节点,不同浏览器表现不同 IE 只获取元素节点 非IE 获取元素节点和文本 ...
- 【摘录】JAVA内存管理-评估垃圾收集性能的工具
第七章 评估垃圾收集性能的工具 各种各样的诊断和监视工具可以用来评估垃圾收集性能.本章简要概述他们中的几个.可以通过第九章中的“Tools and Troubleshooting”链接获得更多的信息. ...
- APUE学习笔记5——信号、信号集和进程信号屏蔽字
1 信号传递过程 当引发信号的事件发生时(如软硬件异常.软件定时.终端产生信号或调用kill函数等等),会产生信号,内核会发送给目标进程. 在信号产生到信号传递给目标进程之间的时间间隔内,称该信号为未 ...
- CorelDRAW X6最新注册激活机制
最近购买CorelDRAW X6的小伙伴可能对如何注册激活软件存在疑惑,下面小编一步步教您如何快速激活CorelDRAW X6. CorelDRAW X6最新注册机制如下: 1.关注“Corel服务中 ...
- luogu P5290 [十二省联考2019]春节十二响 优先队列_启发式合并
思维难度不大,在考上上写的启发式合并写错了,只拿了 60 pts,好难过QAQ 没什么太难的,在考场上想出链的部分分之后很容易就能想到正解.没错,就是非常短的启发式合并.注意一下,写的要漂亮一点,否则 ...
- node——REFL介绍
看视频笔记 REFL全称:Read-Eval-Loop(交互式解释器) R 读取 -读取用户输入,解析输入了javascript数据结构并存储在内存中 E 执行 -执行输入的数据结构 P 打印 -输出 ...
- (fields.E304) Reverse accessor for 'UserProfile.groups' clashes with reverse accessor for 'User.groups'.
创建数据库models.py,在进行数据迁移时抛出一下异常: E:\Project\GuoJia>python manage.py makemigrations SystemCheckError ...
- CSS布局总结(三)
前言:今天学的有点少,主要是有点迷.... 这是昨天没写的 一.水平居中 .parent{ text-aglin:center; } .child{ display:inline-block; } . ...
- 【HNOI】合唱队
[HNOI]合唱队 题意 对于一个初始序列,保证两两不同,通过一些变换得到目标序列: 第一个值直接插入空的当前队列 对于从第二个值开始的每个值 如果原序列中 $ a[i] $,若 $ a[i]> ...