codefordream 关于js初级训练

  这里的初级训练相对简单,差不多都是以前知识温习。

  比如输出“hello world”,直接使用console.log()就行。注释符号,“//”可以注释单行,快捷键 alt+/,"/*   */"可以注释一大段,快捷键 alt+shift+/。接着就是温习js里面到数据类型,学这一小节的时候感觉挺有收获到,因为它这里是综合汇总,能一下子很清除的明白js中的数据。javascript中的数据共分两种 - 简单数据 和 复杂数据。简单数据只有undefined,null,boolean,number和string这五种。复杂数据只有一种,即object。

[1] undefined : 这个值表示变量不含有值。

若 typeof(data) 的返回值是字符串 ‘undefined‘ ,即变量data的数据类型是 undefined。即data不含有值。[ 注:typeof是javascript提供的运算符,运行后会返回括号之中数据的数据类型。如 typeof(‘hello‘) 返回结果是 ‘string‘,则‘hello‘的类型是 字符串。]

[2] null : 这个值表示变量为空。

若 typeof(data) 的返回值是字符串 ‘null‘ ,即变量data的数据类型是 null。即data为空。undefined 和 null 的区别是:typeof(undefined) 返回值是 ‘undefined‘,typeof(null) 返回值是字符串 ‘object‘(对象类型)。

[3] boolean : true 或 false 代表布尔值。

var data = true;

typeof(data) 返回值是字符串 ‘boolean‘ ,即变量data的数据类型是 布尔值。

[4] number : javascript 只有一种数字类型。数字可以带小数点,也可以不带。如:123 和12.3

var data = 123;

typeof(data) 返回值是字符串 ‘number‘ ,即变量data的数据类型是 数字。

[5] srting : 前面我们说起过,字符串是字符的载体,而且必须被成对的引号包围。 如: ‘hello world!‘

var data = ‘hello world!‘;

typeof(data) 返回值是字符串 ‘string‘ ,即变量data的数据类型是 字符串。

这里把几种数据类型都讲解到很详细,一看便懂,值得注意的是,underfined与null,这两种类型我曾经了解到不怎么清楚,现在有了清晰到了解。underfined简单来说就是未定义的东西。比如, var a ;console.log(a),就会输出underfined。

  关于复杂数据object,也就是对象,对象由花括号包围。在括号内部,属性以名称和值对的形式 name : value 来定义,也就是我们常说到键值对。属性间由逗号分隔。

例如:

var student={name:‘Tom‘, finish_work:true, id:123};当然还有另一种特殊到对象-数组(arry)数组由方括号包围。在括号内部,数据以独立值的形式 value 来定义。数据值之间由逗号分隔。比如课程名的数组:
var courses = [ "Maths", "Chinese", "Biology, "Physics"];关于运算符,有一个比较通用到三目运算,它的基本语法:
 condition ? expr1 : expr2;

 condition实际值为true时,执行expr1。condition实际值为false时,执行expr2。关于js中的函数,我使用到时候经常会忘记后面到(),比如调用loadallitems()的时候我经常会这样写,var a =loadallitems;而正确的调用应该时这样的,var a =loadallitems。

js初级训练差不多就这些,温习了很多以前学过的东西,有一种温故而知新到感觉~
时间: 2024-08-29 09:09:32

codefordream 关于js初级训练的相关文章

codefordream 关于js中级训练

中级训练接着就紧锣密鼓的开始了. 首先是关于变量,变量的作用是给一个数据值标注名称. 注:JavaScript中变量名,函数名,参数名的命名规范:至少由字母,下划线,美元符号,数字其中的一种组成,但不能以数字开头.变量的定义,如:var num =5.关于变量的引用,我觉得这句话已经说的很形象了——数据本来不具有名称,之所以使用变量,就是为了通过某个名称来称呼这样一种不具有名称的数据. 所谓"引用",可以认为是用变量名来取出其代表的数据值.就像在许许多多的箱子里面通过箱子的名称,找到该

js初级

//js代码必须写在<script></script>标签内  一般写在<head>标签内 <script type=”text/javascript”>js代码</script> //输出内容  最后要加上分号 Document.write(“哈哈哈”); //根据id获取元素并设置样式的值 Document.getElementById(“控件的id”).style.color=”red”; //Html中引用外部的js文件     scri

vue.js初级教程--01.简介

Vue特点 渐进式框架 采用自底向上增量开发的设计 核心库只关注视图层 轻量级 22kb min+gzip 高性能 渲染性能:支持条件.循环.服务端渲染方式 更新性能:数据驱动.响应式 特性 数据驱动,支持双向数据绑定,异步批量DOM更新 组件化,支持组件独立.组件复用以及异步加载 模块化,模板.数据.外数据.方法.生命周期函数.样式 指令,支持内置指令和自定义指令 虚拟DOM 为什么需要虚拟DOM DOM是很慢的,其元素非常庞大,页面的性能问题鲜有由JS引起的,大部分都是由DOM操作引起的.如

JS初级-作用域

作用域:域:空间.范围.区域--作用:读.写 script        全局变量.全局函数        自上而下        函数        由里到外        {} 浏览器:        "JS解析器"            1)"找一些东西"    :var  function 参数                                        a = ...                                    

vue.js初级教程--02.环境搭建

node.js 如何安装 官方网址  https://nodejs.org/en/ 如何验证node.js安装成功 node -v 能够解决什么问题 相较于其他服务器框架,它给系统性能能提升所带来的好处? node.js特性 javascript运行环境 依赖Chrome v8引擎进行代码解释 事件驱动 非阻塞I/O 轻量/可伸缩的 实时交互的应用面比较广(I/O密集型的服务器模型里面性能比较好) 单进程.单线程 解决的问题 并发连接数 案例 利用node.js http模块 我们监听端口888

JS初级学习笔记(后续 更新中)

为了需要,近期开始学习JS相关知识,主要的方式是通过看视频以及查阅相关手册,并动手实践,以下是相关代码. <!DOCTYPE html> <html> <head> <title>设置一个元素是否可见</title> <meta charset="utf-8"> </head> <style type="text/css"> .tips{width:370px;backg

谈谈js初级封装代码

学js的时候大家肯定或多或少会封装一些函数 举个例子: function my$(id){ return document.getElementById(id) } 当我们调用这个方法的时候,省去了很多很多的代码 don't repeat yourself 这样做的      好处是:使用函数将代码封装,使得复用性更高      弊端是:1.全局变量污染  2.代码结构不够清晰,维护不方便 解决问题就是进步的过程 我们可以这样 var xf = { my$:function(id){ retur

js 魔鬼训练

1.Object.assign 偷梁换柱 / 融合 - 将多个对象合并到第一个对象中去.这样一来methods对象中就包含着data对象了.否则this无法正常访问data中的title var news={ data(){ return { id:101, title:"新闻标题" } }, methods:{ show() { alert(this.title) } } }; Object.assign(news.methods,news.data()) news.methods.

js初级练习2(增删改)

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <style type="text