Javascript 基础--JS函数(三)】的更多相关文章

一.基本概念:未完成某一个功能的代码(语句,指令)的集合. 二.函数的调用方式: 2.1.函数名(传递参数1,传递参数2)   基本语法 function 函数名(参数列表){ //代码; return 值; } 2.2.通过指向函数的变量去调用 var myvar=函数名; myvar(实际参数); var myvar = test('abc'); //如果test函数没有返回值,但是你又接受了,则返回的就是undefined; //如果有返回值,是什么就是什么 window.alert(my…
一.创建函数的方式 1)普通方式 function cal( num1, num2 ) { return num1+num2; } 2)使用变量初始化方式 var plus = function(num1, num2) { console.log(num1 + num2); } // 调用 plus(15,20); 3)使用构造函数 //这种方式不推荐使用,这种语法会导致解析两次代码 var box = new Function("num1", "num2", &q…
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解,所以决定先花一些时间整理一下这些基础知识和大家分享. 后面会附上培训用的PPT.刚开始是打算写一篇的,但是后来写着写着就发现越来越多,所以决定还是写一个系列吧.本系列所有内容都是涉及Javascript基础的,没有时髦的玩意儿,但是我相信这些基础的东西会有助于你理解那些有趣的东西的.…
JavaScript 基础 学习(三) 事件三要素 ​ 1.事件源: 绑定在谁身上的事件(和谁约定好) ​ 2.事件类型: 绑定一个什么事件 ​ 3.事件处理函数: 当行为发生的时候,要执行哪一个函数 ​ 例如: ​ 1.获取元素 ​ var box = document.querySelector('div') ​ 2.给 div 绑定一个点击事件 ​ 事件源:div ​ 事件类型:click (点击行为) ​ 事件处理函数:准备一个函数,在点击行为处罚的时候执行 ​ on 是绑定事件的一种方…
JavaScript是一门函数式的面向对象编程语言.了解函数将会是了解对象创建和操作.原型及原型方法.模块化编程等的重要基础.函数包含一组语句,它的主要功能是代码复用.隐藏信息和组合调用.我们编程就是把一个需求拆分成若干函数和数据结构的组合实现,其中算法又是实现正确函数的方法论.我们先介绍基础知识:① 在JavaScript中,函数对象背后到底有什么:② 函数调用的模式有多少种:③ 作用域与闭包.至于递归.记忆.回调.级联.模块.柯里化等,我们放到进阶知识中再涉猎. 一. 函数对象 前面我们提到…
 函数    函数的基本概念 为完成某一功能的程序指令(语句)的集合,称为函数.有的程序员把函数称为方法,希望大家不要被这两个名词搞晕了. 函数分为:自定义函数.系统函数(经常查看js帮助手册). js自定义函数基本语法: function 函数名(参数列表){ //代码语句 return 值;//有无返回值是可以选择的. } 参数列表:表示函数的输入 函数主体:表示为了实现某一功能代码块 函数可以有返回值,也可以没有 例,    函数.html: <!DOCTYPE html> <ht…
在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert(x);} 函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} Function()构造函数: var fnMethodName = new Function(‘x','alert(x);') // 由Function构造函数的参数个数可变.最后一个参数写函数体…
函数可以说是任何一门编程语言的核心概念.要能熟练掌握JavaScript,对于函数及其相关概念的学习是非常重要的一步.本篇从函数的基本知识.执行环境与作用域.闭包.this关键字等方面简单介绍JavaScript中的函数的使用. 基础 我们通常通过如下两种方式定义函数: function myFunc() { console.log("this is myFunc"); return; } var myFunc = function () { } 与其他面相对象语言不同的是,JavaS…
JS中常用的内置函数如下: 1.eval(str):计算表达式的结果. 2.parseInt(str,n):将符串转换成整数数字形式(可指定几进制). 3.parseFloat(str):将字符串转换成符点数字形式. 4.isNaN(): 测试是(true)否(false)不是一个数字. 5.isFinite(number)可以判断参数number是否是一个无穷.如果是则函数返回false,否则返回true. 6.escape():将字符转换成Unicode码.这个字符串中可能含有空格.分号等字…
函数和作用域是JavaScript的重要组成部分,我们在使用JavaScript编写程序的过程中经常要用到这两部分内容,作为初学者,我经常有困惑,借助写此博文来巩固下之前学习的内容. (一)JavaScript函数 JavaScript函数是指一个特定代码块,可能包含多条语句,可以通过名字来供其他语句调用以执行函数包含的代码语句. 1.JavaScript创建函数的方法有两种: 函数声明: function funcDeclaration(){ return 'A is a function';…
在JavaScript中,函数也是一种数据类型,属于 function 类型,所以使用Function关键字标识函数名.函数可以在大括号内编写代码并且被调用,作为其他函数的参数或者对象的属性值. 1.命名函数的创建和使用 <script type="text/javascript"> function 函数名 (形参列表) { //执行语句 return 返回值; } </script> 2.函数的参数和返回值 与C#,java等语言相比,JavaScript函…
原文http://pij.robinqu.me/ 通过call和apply间接调用函数(改变this) call 和 apply带有多个参数,call和apply把当前函数的this指向第一个参数给定的函数或对象中,并传递其余所有的参数作为当前函数的参数. var O = function () { this.foo = 'hello'; this.hello = function () { return 'world'; } }; var fn = function () { console.…
今天在写东西的时候,对函数参数的概念有些模糊,查阅相关资料后,在博客上记点笔记,方便日后复习. 首先,在js中函数参数并没有强语言中那么要求严格,他不介意传递进来多少个参数,也不在乎传进来的参数是什么数据类型,甚至可以不传参数.原因是:ECMAScript中的参数在内部都是用一个数组来表示的 函数的显式参数与隐式参数 函数的显式参数是在函数定义时列出的,比如: function hello(arg1,arg2){ //函数体 } 此时的arg1,arg2就是函数的显式参数 函数的隐式参数在函数调…
java的基本数据类型一共有 byte short int long float double char boolean js中定义变量使用关键字 var js的原始类型(五个) String: 字符串 var str = "abc"; 在字符串中我们可以使用\作为转移符号.比如 " -> ",' -> ',\ -> ,\n -> 表示换行 Number:数字类型 var m = 123; //在JS中所有数值都是Number类型 Boole…
深入那些曾经忽略的Javascript知识 1. parseInt(string, [radix]),parseFloat(string) 一般我们省略第二个参数,parseInt(‘100’) === 100,此时默认认为‘100’是一个十进制数的字符串. parseInt(‘100’,10),100 parseInt(‘100’,2),4 parseInt(‘-FF’,10),-255 parseFloat(‘3.0’),3//小数位为0得到3 parseFloat(‘3.0001sss’)…
一.js对象的创建 1.普通最简单的方式 var teacher = new Object( ); teacher.name = "zhangsan"; teacher.age = 35; teacher.job = "教师"; teacher.say = function( ) {     return this.name + this.age + this.job;        //this代表的是teacher下的作用域 }; console.log(tea…
1.即时函数的声明方法 即时函数(Immediate Functions)是一种特殊的JavaScript语法,可以使函数在定义后立即执行:(function () {    alert('watch out!');}()); 下面分几部来理解这种写法: 橙色部分是一个函数表达式: 天蓝色的一对括号代表立即执行它,括号里是执行这个函数需要的参数(这个例子不需要参数): 再用一对括号(就是黑色的这一对)把上面的部分包起来. 黑色这一对括号可以让人明白这个表达式得到的是函数的返回值,而不是函数对象.…
成员函数:也叫方法 1.常用方法 比如:我们希望对象不但有属性,还希望他有行为.(行为在程序中要靠函数来体现)(1) 添加speak函数,输出我是一个好人 (2) 添加jisuan函数,可以计算从1+..+1000的结果 (3) 修改jisuan函数,该方法可以接收一个数n,计算从1+..+n的结果 (4) 添加add成员函数,可以计算两个数的和 function Person(name,age){ //这个就是使用传入的实际参数,去初始化属性. this.name = name; this.a…
这篇主要说一下在源码中jquery对象是怎样设计实现的,下面是相关代码的简化版本: (function( window, undefined ) { // code 定义变量 jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); }, // code 定义变量 jQuery.fn = jQuery.prototype = { jquery: core…
三个判断 if…else…只会执行其中一个条件 如果if条件中只有一个值,那么会默认转布尔: if(1=="1"){ // 当括号中条件为true时,执行此处的代码 console.log(100); }else{ //如果括号中条件不成立,此处代码是不执行的: console.log(200); } if(true==[]){ console.log("100块钱") }else if([]!==[]){ console.log("200块钱"…
在一般的编程语言中,我们使用继承来复用代码,做成良好的数据结构.而在JavaScript中,我们使用原型来实现以上的需求.由于JavaScript专注于对象而摒弃了类,我们要明白原型和继承的确是有差异的,但很多人接受不了这个事实,因此用某些语法来模仿类的操作.但如果我们要学习JavaScript,还是要抛开各种写法,先从原理上理解原型.JavaScript中原型并不是一个很难的事,但它是一个全新的概念,因此需要一些时间去接受. 1. 原型在哪儿 原型指明了一个对象的“身份”.在前面的介绍中我们知…
数组,是一段线性分配的,具有非常高性能的数据结构.简单地说,数组以连续的空间存储,通过整数地计算偏移量访问其中的元素,将读取修改的时间复杂度降低至O(1),我们称之为猝发式存取.是不是非常期待?没错,像这样的好东西,JavaScript没有. 1. Array简介 但作为替代,JavaScript设计者想出了一个更方便但性能相对较低的方案,打印观察Array.prototype,会发现,设计者为我们提供的是一个array-like(类数组)的对象.在检索和更新属性上,Array就和普通的对象一模…
1.javascript中函数有两种定义方式: 函数语句定义和表达式定义 //函数有定义 function test(){ console.log("This is a function"); } //表达式定义 var f = function(a){ return Math.sqrt(a); }; 2.函数调用方式有以下四种: 1)作为函数 2)作为方法 3)作为构造函数 4)通过它们的call()和apply()方法间接调用 3.关键词this没有作用域的限制,不是变量,也不是属…
JavaScript的最重要的一个部分是制作其他代码可以重用的代码.要做到这一点,你可以把代码组织成执行特定任务的函数.函数是结合在一个单一的块中,并给予一个名称的一系列代码语句.然后,你就可以通过引用该名称来执行块中的代码. 1.定义函数 你可以使用function关键字后跟一个描述该函数用途的名称.在()中的零个或多个参数的列表,以及在{}块中的一个或多个代码语句来定义一个函数.例如,下面是一个网控制台写入"Hello World"的函数的定义: function myFuncti…
函数声明式 function funname( 参数 ){ ...执行的代码 } 声明式的函数并不会马上执行,需要我们调用才会执行:funname(); * 分号是用来分隔可执行JavaScript语句,由于函数声明不是一个可执行语句,所以不以分号结束. 函数表达式 var x = function( 参数 ){ ...执行的代码块 }; 函数表达式定义的函数,实际上也是一个匿名函数(这个函数没有名字,直接存储在变量中) * 函数表达式结尾是要加分号的,因为它是一个执行语句. Function…
javascript之运算符 学习要点: 表达式 运算符:一元运算符,算术运算符,关系运算符,逻辑运算符,*位运算符,赋值运算符 一.表达式 表达式有常量表达式,变量表达式,复合表达式. 二.算术运算符 一元:+(正号).-(负号).++.—— 二元:*./.%.+.- 三.关系运算符 ==.=== ps:等同运算符比相等运算符要求更为严格,等同运算符只有在两个操作数类型相同,并且值也相同的情况下才会返回true. <.<=.>.>= instanceof运算符.       in…
javascript的函数定义与python有很大的区别,的记住格式就好,下面请看代码 // 函数 // 简单定义 function func() { console.log('hello word') } func(); // 函数的调用 function f2(a,b){ console.log('参数的个数',arguments.length); console.log('查看函数的属性:',arguments); return a*b; } var ret2=f2(3,4); conso…
数组 1.什么是数组 有许多变量,它们的名称和数据类型都是一致的. 2. 数组声明 var arr = [元素,元素,元素...]; var arr = new Array(元素,元素,元素...); var arr = new Array(3); arr[0] = 元素; arr[1] = 元素; 3. 获取数组长度 数组.length; 4. 数组遍历 沿着一定的顺序对数组内部的元素做一次切仅做一次访问,就是遍历. for循环 遍历 for-in遍历 For(var  i  in  arr)…
引用类型 引用类型的值(对象)是引用类型的一个实例. 一.Object类型 创建Object实例: //方法一:通过new操作符创建 var a = new Object(); a.neme = "Tom"; a.age = 3; //方法二:通过对象字面量创建,注意:此时的name什么的不是局部变量,'{}'相当于执行了new操作呢..... var b = { name: "Jerry", age: 3 }; var c = {}; //与new Object(…
在函数前面加:+  ;  ~ !  - 等等一元操作符,javascript 引擎都会将后面的statement转换成表达式(expression),这样就可以调用了.…