Что означает «[нативный код]»?
Я попытался исследовать код jQuery, поэтому я использовал это:
Получил такой результат:
Что значит [native code] ? Почему я не вижу реальный код?
Протестировано с Google-Chrome
2 ответа
Когда вы определяете функции на интерпретируемом языке (в отличие от скомпилированного языка). У вас есть доступ к файлу / строке / тексту, который определяет функцию.
Например, в JavaScript вы можете прочитать текст определения функции, которую вы определили.
Если вы попытаетесь сделать то же самое для функции, которая включена по построению в JavaScript, она будет реализована не как текстовая, а как двоичная. Нет смысла показывать двоичный код, который реализует эту функцию, потому что она не читаема и даже может быть недоступна.
JQuery расширяет поведение JavaScript по умолчанию. Это одна из причин, по которой он был так высоко оценен и оценен, в отличие от Prototype.js, например. Prototype изменял естественное поведение JavaScript, создавая возможные несоответствия при использовании Prototype наряду с некоторым другим фрагментом кода, который полагался на нормальную функциональность.
ТЛ ; др :
JQuery расширяет JavaScript, есть функциональность, реализованная с использованием нативного кода (что хорошо для производительности).
$ , jQuery это просто функция. Без вызова это просто обычная функция. Конструктор функции — Function , поэтому $.constructor показывает [native code] .
Javascript-путешествие с шестью символами
Javascript – это странный и прекрасный язык, который позволяет писать безумный, но все еще валидный код. Он пытается помочь нам, конвертируя одни штуки в другие в зависимости от того, как мы работаем с ними.
Если добавить строку к чему-то, то он допустит, что мы хотим получить текст, поэтому сконвертирует все в строку.
Если мы добавляем префикс «плюс» или «минус», то он допустит, что нам нужно числовое представление и сконвертирует строку в число, если сможет.
Если мы отрицаем что-то, то он сконвертирует это в булево значение.
Мы можем использовать эти особенности языка и создать немного магии со всего-лишь шестью символами: [ , ] , ( , ) , ! и + . Если вы читаете это на десктопе, то можете открыть консоль в вашем браузере (developer tools, например) и запускать код. Просто копируйте любой код из примеров ниже в консоль, и он должен исполнится и вернуть true.
Давайте начнем с простого. Вот главные правила:
- Префикс ! конвертирует в Boolean
- Префикс + конвертирует в Number
- Добавление [] конвертирует String
Вот они в действии:
Еще один важный момент, о котором стоить помнить — с помощью квадратных скобок можно получать конкретный символ (букву) из строки вот так:
Также помните, что можно брать несколько цифр и складывать их в строковом представлении, а потом конвертировать это обратно в число.
Хорошо, давайте попробуем скомбинировать эти трюки и получить букву a .
Этой довольно простой комбинацией можно получить все буквы из слов true и false . a , e , f , l , r , s , t , u . Окей, можно ли получить буквы еще откуда-нибудь?
Ну, есть undefined , который можно получить с помощью странной ерунды вроде [][[]] . Сконвертируем его в строку используя одно из наших главных правил и получим дополнительные буквы d , i and n .
С помощью букв, которые у нас пока есть, можно написать слова fill , filter и find . Конечно, есть и другие слова, но нам интересны именно эти три слова, потому что это методы массива (Array). То есть они являются частью объекта Array и их можно вызывать напрямую у экземпляра массива. Например, [2,1].sort() .
Важная особенность Javascript: свойства объекта доступны через точку (dot notation) или квадратные скобки (square bracket notation). Так как методы массива — это свойства самого объекта Array, можно вызвать эти методы с помощью квадратных скобок вместо точки.
То есть [2,1][«sort»]() — это то же самое, что [2,1].sort() .
Давайте посмотрим, что будет если использовать один из методов массива с помощью доступных букв, но не будем вызывать его:
Это дает function fill() < [native code] >. Можно сконвертировать этот заголовок метода в строку известным нам правилом:
Вот, теперь у нас есть дополнительные символы: c , o , v , ( , ) , < , [ , ] , >, .
С помощью букв c и o мы теперь можем написать constructor . constructor — это метод, доступный во всех объектах Javascript, он просто возвращает функцию-конструктор.
Давайте получим строковое представление функции-конструктора для всех доступных нам сейчас объектов:
Отсюда мы получаем новые буквы для арсенала: B , N , S , A , m , g , y .
Теперь можно собрать слово «toString» . Это функция, которую можно вызывать с квадратными скобками. Да, на этот раз мы на самом деле вызовем ее:
Но мы ведь и так могли конвертировать все что угодно в строку с помощью одного из основных правил. В чем польза?
Ну, а что если я скажу, что метод toString у типа Number обладает секретным аргументом под названием radix , который меняет основание системы счисления возвращаемого числа перед конвертацией в строку. Смотрите:
Но зачем останавливаться на 16? Максимум это 36, что включаем в себя все цифры 0 — 9 и буквы a — z . Теперь можно получить любой символ:
Круто! Но что делать с другими символами вроде знаком препинания и заглавными буквами? Ныряем еще глубже в кроличью нору!
В зависимости от того, где вы запускаете Javascript, у вас может быть или не быть доступ к некоторым pre-defined объектам и данным. Если вы работаете в браузере, то вам скорее всего доступны оберточные методы HTML.
Например, bold — это метод строки, который добавляет теги для полужирности:
Отсюда можно достать < , > и / .
Вы, наверное, слышали про функцию escape . Она, грубо говоря, конвертирует строку в формат URI, чтобы простые браузеры могли интерпретировать ее. Если передать ей пробел, то получим %20 . Если передать ей < , то получим %3C . Эта заглавная C очень важна если нужно получить все оставшиеся недостающие символы.
С помощью этой буквы можно написать fromCharCode . Эта функция возвращает символ Юникода на основе заданного десятеричного числа. Она – часть объекта String, который можно получить вызовом конструктора, как мы уже делали раньше.
Можно использовать Unicode lookup и с легкостью найти код для любого символа Юникода.
Так, теперь мы можем написать что угодно в виде строки, и можем запустить любую функцию у типов Array, String, Number, Boolean и Object через их конструкторы. Приличная мощь для всего лишь шести символов. Но это еще не все.
Что такое конструктор любой функции?
Ответ это function Function() < [native code] >, то есть сам объект Function.
Используя это можно передать строку кода и создать настоящую функцию.
И ее можно сразу же вызывать добавив () в конец. Да, теперь мы можем запускать настоящий код!
Теперь у нас есть доступ ко всем символам, можно писать ими любой код и запускать его. Так что Javascript Тьюринг-полный со всего лишь шестью символами [ , ] , ( , ) , + и ! .
Хотите доказательств? Запустите этот код в консоли.
Есть инструмент, который автоматизирует конвертацию, и вот как он переводит каждый символ.
В чем польза?
Ни в чем. eBay делал нехорошие штуки еще совсем недавно, что позволяло продавцам вставлять исполняемый JS в свои страницы используя эти символы, но это не совсем типичный вектор атаки. Некоторые люди поднимают тему обфускации, но, честно говоря, для этого есть методы получше.
What does " [native code] " mean?
I tried to investigate the jQuery code, so I used this:
I got this result:
What does [native code] mean? Why can’t I see the real code?
Tested with Google-Chrome
3 Answers 3
When you define functions in an interpreted language (as opposed to a compiled language). You have access to the file / string / text that defines the function.
In JavaScript for example you can read the definition body text of a function you have defined.
If you try to do the same for a function that is included by construction in JavaScript it is not implemented as text but as binary. There is no reason to show the binary code that implements that function because it is not readable and it might not even be available.
jQuery extends default JavaScript behaviour. It’s one of the reasons it was so highly appreciated and praised as opposed to Prototype.js for example. Prototype was altering the natural behaviour of JavaScript creating possible inconsistencies when using Prototype alongside some other piece of code that relied on normal functionality.
jQuery extends JavaScript, there is functionality implemented using native code (which performance wise is a good thing).
Магия JavaScript: что можно сделать, используя лишь 6 символов?
JavaScript — это одновременно странный и замечательный язык, который позволяет нам писать абсолютно бредовый код, являющийся валидным. Он пытается помогать нам, конвертируя величины в нужные типы в зависимости от того, как мы с ними работаем.
Если мы прибавляем строку к чему-то, результат будет конвертирован в строку.
Если мы припишем слева от чего-то плюс или минус, будет произведена попытка конвертации строки в число.
Если на что-то навесить логическое отрицание, результат будет представлен как логическая величина.
Мы можем использовать это и творить магию, используя лишь эти символы: [ , ] , ( , ) , ! и + . Если вы читаете статью не с мобильного устройства, то вы можете открыть консоль в браузере и выполнять весь код там.
Начнём с основ. То, что стоит запомнить:
- Префикс ! конвертирует в Boolean;
- Префикс + конвертирует в число;
- Сложение с [] конвертирует в строку.
Кроме того, нужно знать, что символы из строки можно получать следующим образом:
Также запомните, что числа можно получать сложением других чисел в строковом виде и конвертацией результата в числовой формат:
Так, а теперь попробуем использовать рассмотренные свойства и получить букву a .
Таким образом, путём нехитрых махинаций мы можем получить все буквы из слов true и false . a , e , f , l , r , s , t , u . Хорошо, а можем ли мы взять буквы ещё где-то?
Ну, ещё есть undefined , который и можно получить, сделав что-то глупое, как [][[]] . Конвертация в строку даст нам буквы d , i и n .
Используя все эти буквы, можно составить слова fill , filter и find . Конечно, есть и другие доступные слова, но ценностью именно этих слов является то, что они — методы массивов. Это означает, что они являются частью объекта Array и их можно вызывать прямо для массивов-сущностей. Например, [2,1].sort() .
Кроме того, нужно помнить, что свойства объекта в JS можно использовать как через точку, так и через квадратные скобки. Поскольку методы массива — это свойства объекта Array, мы можем вызывать их, используя скобки вместо точки.
То есть [2,1][«sort»]() — это то же самое, что и [2,1].sort() .
Давайте посмотрим, что произойдёт, когда мы попробуем использовать один из доступных нам методов, не вызывая его.
Это выдаст function fill() < [native code] >. Конвертируем заголовок метода в строку:
И получим новые символы: c , o , v , ( , ) , < , [ , ] , >, .
Получив буквы c и o , можем составить слово constructor . constructor — это метод, который есть у всех JS-объектов, и он возвращает их функцию-конструктор.
Получим строковое представление всех конструкторов наших объектов:
Из этих строк мы можем пополнить наш арсенал следующими символами: B , N , S , A , m , g , y .
Теперь мы можем составить «toString» , функцию, которую можно использовать с квадратными скобками. Только на этот раз мы вызовем её.
Но мы же уже можем конвертировать в строку всё что угодно, так как нам это поможет?
Что, если я скажу вам, что метод toString типа Number обладает секретным аргументом radix , который меняет основание возвращаемого числа перед конвертацией в строку. Смотрите:
Но зачем останавливаться на 16? Максимум — это 36, чего хватает на все символы 0– 9 и a– z . Теперь мы можем получить любую цифру или букву:
Отлично! Но как же пунктуационные символы и заглавные буквы? Идём дальше!
В зависимости от того, где вы исполняете свой JS-код, он может получать, а может и не получать доступ к заранее определённым объектам и данным. Есть вероятность, что при запуске в браузере вы сможете получить доступ к обёрточным методам HTML.
Например, bold — это метод String, оборачивающий строку в тег <b> .
Это даст нам символы < , > и / .
Возможно, вы слышали о функции escape . По сути, она конвертирует строку в URI-формат, который могут распознать браузеры. Если мы передадим ей пробел, то получим %20 . Передадим < — получим %3C . Эта заглавная C очень важна для получения остальных символов.
Благодаря ей мы можем использовать функцию fromCharCode , возвращающую символ Юникода по данному десятичному представлению. Она является частью объекта String, который можно получить, вызвав конструктор любой строки.w
Для получения десятичных представлений символов можно использовать сайт Unicode lookup.
Хорошо, теперь мы можем написать что угодно в виде строки и выполнить любую функцию, которая принадлежит типам Array, String, Number, Boolean или Object, через их конструкторы. Немало для 6 символов. Но это не конец.
Чем является конструктор любой функции?
Ответ: function Function() < [native code] >, настоящий объект Function.
Используя его, мы можем передать строку кода, чтобы создать реальную функцию.
Что можно вызвать сразу же, просто добавив в конце () . Да, теперь мы можем исполнять строки кода!
ФУХ. Вот теперь всё!
Мы можем получить доступ к любому символу, объединять их в валидный код и исполнять его. Это значит, что JS является полным по Тьюрингу языком из 6 символов [ , ] , ( , ) , + и ! .
Не верите? Запустите это в консоли:
Если вы читаете статью с мобильного устройства, код выше — это исполняемая функция alert(«wtf») .
Вот инструмент, который может автоматизировать конверсию, а вот так он переводит каждый символ.
Ну и как это может пригодиться?
Никак �� eBay недавно нахимичил что-то в коде, и продавцы смогли встраивать исполняемый JS в свои страницы, используя только эти символы, но такие атаки очень редки. Можно подумать про обфускацию, но, будем честны, есть методы получше.