Объекты функций Javascript - свойства и методы
Описание
Функциональные объекты JavaScript используются для определения фрагмента кода JavaScript. Этот код может вызываться в коде JavaScript по мере необходимости.
Может быть создан конструктором функции.
Код, определенный функцией, может быть вызван функцией ().
Javascript Function Objects Свойство
Javascript Function Objects Методы
| название | Описание | Версия |
|---|---|---|
| вызов | Разрешить вызывать метод другого объекта в контексте другого объекта (вызывающего объекта). | Реализовано в JavaScript 1.1 |
| к источнику | Возвращает исходный код функции. | Реализовано в JavaScript 1.1 |
| нанизывать | Возвращает строку, представляющую исходный код функции. | Реализовано в JavaScript 1.1 |
| ценность | Возвращает строку, представляющую исходный код функции. | Реализовано в JavaScript 1.1 |
Аргументы JavaScript Свойство: Объект функции
Массив arguments является локальной переменной, доступной во всех объектах функции в качестве аргументов функции; Аргументы как свойство функции больше не используются .
Этот массив содержит запись для каждого аргумента, переданного функции.
Например, если функция передает три аргумента, вы можете ссылаться на аргументы следующим образом:
аргументы [0]
Аргументы [1]
Аргументы [2]
Массив arguments также может быть объявлен с именем функции:
myfunc.arguments [0]
myfunc.arguments [1]
myfunc.arguments [2]
Где myfunc - имя функции.
Массив arguments доступен только внутри тела функции. Попытка получить доступ к массиву arguments вне объявления функции приводит к ошибке.
Вы можете использовать массив arguments, если вы вызываете функцию с большим количеством аргументов, чем формально объявлено для принятия. Этот метод полезен для функций, которые могут передавать переменное число аргументов. Вы можете использовать arguments.length, чтобы определить количество аргументов, переданных функции, а затем обработать каждый аргумент с помощью массива arguments.
Массив arguments имеет три свойства: arguments.callee, arguments.caller, arguments.length.
Примечание: свойство arguments.caller указывает имя функции, которая вызвала текущую выполняемую функцию. Собственность устарела.
JavaScript arguments.callee Свойство: объект функции
Свойство arguments.callee ссылается на текущую выполняемую функцию. Он доступен только в теле функции .
Синтаксис
arguments.callee
Пример:
В следующем веб-документе свойство arguments.callee используется для вычисления факториала числа, вызывающего функцию factorial ().
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - arguments.callee property example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : arguments.callee property</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
function factorial(n){
if (n <= 0)
return 1;
else
return arguments.callee(n - 1)
}
document.write(factorial(4));
//]]>
</script>
</body>
</html>
Поддерживаемый браузер
| Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
| да | да | да | да | да |
JavaScript arguments.length Свойство: Объект функции
Arguments.length указывает количество аргументов, определенных для функции .
Синтаксис
arguments.length
Пример объекта функции: Свойство arguments.length
Следующий веб-документ демонстрирует использование свойства arguments.length .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - arguments.length property example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : arguments.length property</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
function rglength(x,y,z)
{
return ;
}
alert('No. of arguments passed in the function : '+rglength.length)
//]]>
</script>
</body>
</html>
Поддерживаемый браузер
| Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
| да | да | да | да | да |
Свойство конструктора JavaScript: объект функции
Свойство конструктора определяет функцию, которая создает объект.
Синтаксис
конструктор
использование
MyFunction.constructor
MyFunction: имя функции (обязательно).
Пример:
В следующем веб-документе показано, как используется свойство конструктора.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - constructor property example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : constructor property</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
myfunction = new Function("Orange", "Apple", "Banana");
document.write("The object is constructed from : "+myfunction.constructor);
//]]>
</script>
</body>
</html>
Поддерживаемый браузер
| Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
| да | да | да | да | да |
JavaScript length Свойство: объект функции
Свойство length указывает количество аргументов, определенных функцией .
Синтаксис
длина
использование
MyFunction.length
MyFunction: имя функции (обязательно).
Пример:
В следующем веб-документе показано, как используется свойство length .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - length property example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : length property</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
function rglength(x,y,z)
{
return ;
}
alert('No. of arguments passed in the function : '+rglength.length)
//]]>
</script>
</body>
</html>
Свойство прототипа JavaScript: объект функции
Прототип используется для добавления новых свойств и методов к объекту .
Синтаксис
myobj.prototype.name = значение
myobj: имя объекта функции конструктора, который вы хотите изменить.
name: имя свойства или метода, который будет создан.
значение: значение, изначально присвоенное новому свойству или методу.
Если вы добавите свойство в прототип для объекта, то все объекты, созданные с помощью функции конструктора этого объекта, будут иметь это новое свойство, даже если объект существовал до того, как вы создали новое свойство.
Пример:
В следующем веб-документе был добавлен метод , который возвращает полное имя человека.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - prototype property example</title>
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
function my_name(first_name, last_name)
{
this.first_name = first_name;
this.last_name = last_name;
}
function full_name()
{
final_name = this.first_name +' ' + this.last_name
return final_name;
}
//]]>
</script>
</head>
<body>
<h1 style="color: red">JavaScript Function object : prototype property</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
my_name.prototype.fullname = full_name;
var a = new my_name("David", "Rayy");
var b = a.fullname( );
document.write("Name : "+b);
//]]>
</script>
</body>
</html>
Вызов JavaScript () Метод: Объект функции
Метод call () объекта функции используется для вызова (выполнения) метода другого объекта.
Синтаксис
Call (this, arg1, agr2, arg3 .............)
параметр
this: параметр для вызывающего объекта.
arg1, arg2, ... Аргументы для объекта
Пример:
В следующем веб-документе показано, как можно использовать метод call ().
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - call method example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : call method</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
// Create a student object.
function student(class, name)
{
this.name = name;
this.class = true;
}
// Create a class object
function class(name, rollno)
{
this.rollno = rollno;
student.call(this, name);
}
class.prototype = new student()
// Creates a new student
student1 = new class("David", 2);
//]]>
</script>
</body>
</html>
Поддерживаемый браузер
| Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
| да | да | да | да | да |
JavaScript toSource () Метод: Объект функции
Метод toSource () возвращает строку, которая представляет исходный код функции.
Синтаксис
к источнику()
параметр
Никто
Пример:
В следующем веб-документе метод toSource () возвращает исходный код функции employee.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - toSource() method example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : toSource() method</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
function employee(name,qualification,bornyear)
{
this.name = name;
this.qualification = qualification;
this.bornyear = bornyear;
}
var emp=new employee("Arvind Murthy", "Master Degree", 1980);
document.write(emp.toSource());
//]]>
</script>
</body>
</html>
Поддерживаемый браузер
| Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
| да | да | да | да | да |
JavaScript toString () Метод: Объект функции
Метод toString () возвращает строку, которая представляет исходный код функции .
Синтаксис
нанизывать()
параметр
Никто
Пример:
В следующем веб-документе метод toString () возвращает строку, которая представляет исходный код функции Test ().
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - toString() method example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : toString() method</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
function Test()
{
var x;
var y;
document.write('kodesource.top');
}
var newfunc = Test.toString();
document.write("The source code of the function : "+newfunc );
//]]>
</script>
</body>
</html>
Поддерживаемый браузер
| Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
| да | да | да | да | да |
JavaScript valueOf () Метод: Объект функции
Метод valueOf () возвращает строку, представляющую исходный код функции.
Синтаксис
ценность()
параметр
Никто
Пример:
В следующем веб-документе демонстрируется использование метода valueOf () .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript Function object - valueOf() method example</title>
</head>
<body>
<h1 style="color: red">JavaScript Function object : valueOf() method</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
document.write("Returned value from calling valueOf() on " +
"the Test function." + "<br><br>");
document.write( "<b>" + Test() );
function Test()
{
var x;
var y;
return (Test.valueOf() );
}
//]]>
</script>
</body>
</html>
Поддерживаемый браузер
| Internet Explorer 7 | Firefox 3.6 | Google Chrome 7 | Safari 5.0.1 | Опера 10 |
| да | да | да | да | да |
Редактор онлайн-практики
См. Javascript-common-editor Pen от w3resource ( @ w3resource ) в CodePen .
Смотрите также:
Основные объекты JavaScript, методы, свойства.
Предыдущая: JavaScript valueOf () Метод: Date Object
Далее: Объекты Javascript Math - Свойства и Методы
Новый контент: Composer: менеджер зависимостей для PHP , R программирования